飛冰Iceworks工具，這是一個(gè)圖形化界面的開(kāi)發(fā)平臺(tái)，它承載了ICE的物料體系和開(kāi)發(fā)體驗(yàn),飛冰(ICE)是一套基于React的中后臺(tái)應(yīng)用解決方案，在阿里巴巴內(nèi)部，已經(jīng)有270多個(gè)來(lái)自幾乎所有BU的項(xiàng)目在使用,有需要的趕快下載吧！

軟件介紹

Iceworks飛冰是一款編程開(kāi)發(fā)工具。這是一個(gè)圖形化界面的開(kāi)發(fā)平臺(tái)，它承載了ICE的物料體系和開(kāi)發(fā)體驗(yàn)。Iceworks 是 ICE 推出的輔助開(kāi)發(fā)者快速開(kāi)發(fā)中后臺(tái)前端應(yīng)用的 GUI 軟件，目前支持 macOS 和 Windows 兩大平臺(tái)。本款軟件功能強(qiáng)大，界面簡(jiǎn)潔，操作簡(jiǎn)單，極大程度上簡(jiǎn)化了編程的難度，并且自動(dòng)化識(shí)別代碼。這是一套基于React的中后臺(tái)應(yīng)用解決方案，在阿里巴巴內(nèi)部，已經(jīng)有270多個(gè)來(lái)自幾乎所有BU的項(xiàng)目在使用。Iceworks能快速開(kāi)始進(jìn)行編程，并且能快速打開(kāi)工作面板，零環(huán)境搭建、零配置、簡(jiǎn)單易用。

軟件特色

海量高質(zhì)預(yù)制區(qū)塊

可視化工具區(qū)塊拼裝

淘寶React最佳實(shí)踐

軟件功能

1.創(chuàng)建項(xiàng)目

軟件啟動(dòng)后，項(xiàng)目列表為空，可通過(guò)的【創(chuàng)建項(xiàng)目】新建一個(gè)項(xiàng)目。

目前提供三種模板進(jìn)行選擇，鼠標(biāo)移動(dòng)到指定的模板上，點(diǎn)擊【以該模板創(chuàng)建項(xiàng)目】進(jìn)入項(xiàng)目配置頁(yè)面。

2.開(kāi)始創(chuàng)建項(xiàng)目

默認(rèn)會(huì)在創(chuàng)建的時(shí)候同時(shí)安裝項(xiàng)目依賴，時(shí)間上會(huì)相對(duì)久一些，也可取消勾選，后續(xù)自行安裝

3.管理項(xiàng)目

項(xiàng)目創(chuàng)建完成后，會(huì)自動(dòng)添加到項(xiàng)目列表中，并打開(kāi)當(dāng)前項(xiàng)目管理面板。

通過(guò)項(xiàng)目管理面板，可執(zhí)行 啟動(dòng)調(diào)試服務(wù) 新建頁(yè)面 構(gòu)建項(xiàng)目 等操作。

4.啟動(dòng)調(diào)試服務(wù)

點(diǎn)擊 啟動(dòng)調(diào)試服務(wù) 等待完成后出現(xiàn)服務(wù)地址，點(diǎn)擊可以預(yù)覽當(dāng)前項(xiàng)目。

5.新建頁(yè)面

啟動(dòng)調(diào)試服務(wù)后，可使用新建頁(yè)面來(lái)搭建頁(yè)面，通過(guò) block 的組合完成頁(yè)面的創(chuàng)建。

使用說(shuō)明

1.進(jìn)入開(kāi)發(fā)調(diào)試

2.點(diǎn)擊項(xiàng)目版面上的 編輯中打開(kāi) 會(huì)立即使用設(shè)置中選擇的編輯器打開(kāi)項(xiàng)目，目前支持 Visual Studio Code，Sublime Text 3，WebStorm 和 Atom 等編輯器，推薦使用 Visual Studio Code，如果你的電腦中未安裝請(qǐng)先安裝。

3.點(diǎn)擊項(xiàng)目面板上的構(gòu)建項(xiàng)目按鈕，將開(kāi)發(fā)的構(gòu)建出最終的 js css 等資源。

4.構(gòu)建完成后，會(huì)在項(xiàng)目目錄下生成 build 文件夾，里面存在了 index.html index.js index.css 文件。使用你熟悉的方式，上傳到對(duì)應(yīng)的 cdn 服務(wù)器。

5.上線過(guò)程即發(fā)布 HTML 文件的過(guò)程，index.html 文件存在在 build 目錄中，將 index.html 文件復(fù)制到對(duì)應(yīng)的服務(wù)服務(wù)器。

6.修改 html 源碼中的 /build/index.css 和 /build/index.js 地址，是上一步中得到的 cdn 地址以及站點(diǎn)標(biāo)題。