<samp id="sggss"></samp>
<sup id="sggss"><option id="sggss"></option></sup>
<rt id="sggss"></rt>
软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置£º最火下载站 > 下载中心 > 开发制作 > 编程工具 > 阿里飞冰ice(Iceworks) v2.15.0 官方版下载

阿里飞冰ice(Iceworks) v2.15.0 官方版

  • 软件语言£º简体?#24418;?/li>
  • 软件类型£º国产软件
  • 软件大小£º73.1 MB
  • 软件等级£º3星级
  • 相关链接£ºHome Page
  • 软件授权£º免费版
运行环境£ºWindows 64 位系统
更新时间£º2019-01-08 15:14:53
?#24418;?#25554;件£º无插件£¬请您放心使用£¡

Iceworks(飞冰 GUI)£¬这是一个图形化界面的开发平台£¬它承载了ICE的物料体系和开发体验,飞冰(ICE)是一套基于React的中后台应用解决方案£¬在阿里巴巴内部£¬已经有270多个来自几乎所有BU的项目在使用,功能比较强大£¬对于编程人员来说有着至关重要的帮助作用!

Iceworks(飞冰 GUI)

使用方法

Iceworks 快速开始

零环境搭建 零配置 简单易用

Iceworks 是 ICE 推出的辅助开发者快速开发中后台前端应用的 GUI 软件£¬目前支持 macOS 和 Windows 两大平台¡£通过 Iceworks 点击下载按钮即可¡£

创建项目

软件启动后£¬项目列表为空£¬可通过的¡¾创建项目¡¿新建一个项目¡£

飞冰ice

界面会跳转到模板市场£¬目前提供三种模板进行选择£¬鼠标移动到指定的模板上£¬点击¡¾以该模板创建项目¡¿进入项目配置页面¡£

Iceworks(飞冰 GUI)

新建一个文件夹或者选择已有的空文件夹(避免覆盖原?#24418;?#20214;)¡£

给项目起一个项目名£¬?#21592;?#21518;续识别¡£

点击¡¾开始创建项目¡¿即可开始创建

默认会在创建的时候同时安装项目依赖£¬时间上会相对久一些£¬?#37096;?#21462;消勾选£¬后续自行安装

管理项目

项目创建完成后£¬会自动添加到项目列表中£¬并打开当前项目管理面板¡£

通过项目管理面板£¬可执行 启动调试服务 新建页面 构建项目 等操作¡£

飞冰ice

启动调试服务

点击 启动调试服务 等待完成后出现服务地址£¬点击可以预?#36182;?#21069;项目¡£

Iceworks(飞冰 GUI)

上图是一个 ICE Design CMS 模板启动后的预览效果¡£

新建页面

启动调试服务后£¬可使用新建页面来搭建页面£¬通过 block 的组合完成页面的创建¡£

进入 block 搭建界面

飞冰ice

上方列出了当前项目可用的 layout 布局方式£¬选中任一一个作为新页面的布局¡£

下方列出了当前可选择的 blocks, 点击即可选择该 block 到已选区块列表中¡£

右侧为选中 block 组合的缩略图预览¡£

选择 layout 以及 block 后£¬点击右下角生成页面£¬会提示输入页面名£¬路由名£¬可以定义需要的名称£¬

页面名£º表示生成的文件名称¡£

路由名£º表示页面的访问地址£¬可通过 http://127.0.0.1:4444/#/xxxx 访问到对应的路由页面¡£

示例中£¬创建了 page16 访问后即可看到刚搭建的页面了¡£

Iceworks(飞冰 GUI)

进入开发调试

点击项目版面上的 编辑中打开 会立即使用设置中选择的编辑器打开项目£¬目前支持 Visual Studio Code£¬Sublime Text 3£¬WebStorm 和 Atom 等编辑器£¬推荐使用 Visual Studio Code£¬如果你的电脑?#24418;?#23433;装请先安装¡£

项目目录结构说明£º

飞冰ice

例如上一步已创建的 Page16 页面£º

Iceworks(飞冰 GUI)

通过二次开发增?#21491;?#21153;逻辑£¬完成业务需求¡£

打包发布

点击项目面板上的构建项目按钮£¬将开发的构建出最终的 js css 等资源¡£

构建完成后£¬会在项目目录下生成 build 文件夹£¬里面存在了 index.html index.js index.css 文件¡£使用你熟悉的方式£¬上传到对应的 cdn 服务器¡£

飞冰ice

部署上线

上线过程即发布 HTML 文件的过程£¬index.html 文件存在在 build 目录中£¬将 index.html 文件复?#39057;?#23545;应的服务服务器£¬并修改 html 源码中的 /build/index.css 和 /build/index.js 地址£¬是上一步中得到的 cdn 地址以及站点标题¡£

一个标准的 HTML 文件如下所示£º

Iceworks(飞冰 GUI)

在线上环境我们强烈推荐使用 production 版本的 React£¬而不是 development 版本¡£它们之间的区别除了体积之外£¬还包括一些针对线上环境的性能优化¡£

到这里你已经学会使用 Iceworks 创建一个项目并发布£º)

 报告下载错误
点击链接开始下载
本类最新
相关教程
下载说明
栏目导航
推荐软件
ƽÌØФÊÇʲô
<samp id="sggss"></samp>
<sup id="sggss"><option id="sggss"></option></sup>
<rt id="sggss"></rt>
<samp id="sggss"></samp>
<sup id="sggss"><option id="sggss"></option></sup>
<rt id="sggss"></rt>