2024年11月阿里飞冰Iceworks下载-阿里飞冰Iceworks【开发平台】 v2.19.0官方最新版下载

　　⑴飞冰Iceworks开发平台工具是一个图形化界面的开发平台，是阿里巴巴公司开发的它承载了ICE的物料体系和开发体验的一套基于React的中后台应用解决方案，在阿里巴巴内部，已经有多个来自几乎所有BU的项目在使用，有这款专业平台开发的用户快来下载试用吧！

　　⑵阿里飞冰Iceworks v..【开发平台】主要功能：

　　⑶软件启动后，项目列表为空，可通过的【创建项目】新建一个项目。

　　⑷界面会跳转到模板市场，目前提供三种模板进行选择，鼠标移动到指定的模板上，点击【以该模板创建项目】进入项目配置页面。

　　⑸新建一个文件夹或者选择已有的空文件夹(避免覆盖原有文件)。

　　⑹给项目起一个项目名，以便后续识别。

　　⑺点击【开始创建项目】即可开始创建

　　⑻默认会在创建的时候同时安装项目依赖，时间上会相对久一些，也可取消勾选，后续自行安装

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

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

　　⑾点击 启动调试服务 等待完成后出现服务地址，点击可以预览当前项目。

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

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

　　⒁进入 block 搭建界面

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

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

　　⒄右侧为选中 block 组合的缩略图预览。

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

　　⒆页面名：表示生成的文件名称。

　　⒇路由名：表示页面的访问地址，可通过 访问到对应的路由页面。

　　⒈示例中，创建了 page 访问后即可看到刚搭建的页面了。

　　⒉点击项目版面上的 编辑中打开 会立即使用设置中选择的编辑器打开项目，目前支持 Visual Studio Code，Sublime Text ，WebStorm 和 Atom 等编辑器，推荐使用 Visual Studio Code，如果你的电脑中未安装请先安装。

　　⒊项目目录结构说明：

　　⒋例如上一步已创建的 Page 页面：

　　⒌通过二次开发增加业务逻辑，完成业务需求。

　　⒍点击项目面板上的构建项目按钮，将开发的构建出最终的 js css 等资源。

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

　　⒏上线过程即发布 HTML 文件的过程，index.html 文件存在在 build 目录中，将 index.html 文件复制到对应的服务服务器，并修改 html 源码中的 /build/index.css 和 /build/index.js 地址，是上一步中得到的 cdn 地址以及站点标题。

　　⒐一个标准的 HTML 文件如下所示：

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

　　⒒阿里飞冰 icework，一个集成框架，一键创建一个前端系统，有需要的用户快来下载使用吧！