Iceworksv2.20.0最新官方版

Iceworksv2.20.0最新官方版軟件好用嗎？

Iceworksv2.20.0最新官方版是一款不錯的編程開發(fā)類型的軟件，達達兔游戲網(wǎng)提供的軟件程序大小為68.4MB，趕緊下載安裝體驗一下吧。

Iceworks是一款開源的編程開發(fā)GUI軟件，由飛冰冰推出。主要用于輔助開發(fā)者在中后臺快速開發(fā)前端應(yīng)用。目前支持兩個平臺:macOS和Windows。感興趣的用戶趕緊下載體驗吧！

軟件介紹

飛冰Iceworks工具，這是一個圖形界面開發(fā)平臺，承載了飛冰的素材系統(tǒng)和開發(fā)經(jīng)驗。飛冰(Ice)是一套基于React的中后臺應(yīng)用解決方案。在阿里巴巴，已經(jīng)有來自幾乎所有正在使用的BUs的270多個項目，如有需要請盡快下載！

Iceworks用法

通過Iceworks點擊下載按鈕。

創(chuàng)建項目
軟件啟動后，項目列表為空，可以通過點擊“創(chuàng)建項目”創(chuàng)建新項目。

界面會跳轉(zhuǎn)到模板市場。目前有三種模板可供選擇。將鼠標(biāo)移動到指定的模板上，點擊“用該模板創(chuàng)建項目”進入項目配置頁面。

創(chuàng)建一個新文件夾或選擇一個現(xiàn)有的空文件夾(避免覆蓋原始文件)。
為項目指定一個項目名稱，以便以后識別。
點擊開始創(chuàng)建項目開始創(chuàng)建
默認情況下，創(chuàng)建時會同時安裝項目依賴項，需要的時間比較長，也可以不選，然后自己安裝管理項目
。項目創(chuàng)建后，它將自動添加到項目列表中，并且當(dāng)前項目管理面板將打開。
通過項目管理面板，您可以啟動調(diào)試服務(wù)、創(chuàng)建新頁面和構(gòu)建項目。

啟動調(diào)試服務(wù)
點擊調(diào)試服務(wù)啟動后會出現(xiàn)的服務(wù)地址，點擊預(yù)覽當(dāng)前項目。

上圖是一個ICE Design CMS模板啟動后的預(yù)覽效果。
創(chuàng)建新頁面
調(diào)試服務(wù)啟動后，可以使用新頁面構(gòu)建頁面，并通過塊的組合來創(chuàng)建頁面。
進入積木搭建界面。

上面列出了當(dāng)前項目可用的布局方法，可以選擇任何一種方法作為新頁面的布局。
下面列出了當(dāng)前可選擇的塊。單擊以將塊選擇到選定的塊列表中。
所選塊組合的縮略圖預(yù)覽在右側(cè)。
選擇布局和區(qū)塊后，點擊右下角生成頁面，系統(tǒng)會提示您輸入頁面名稱和路由名稱，您可以定義需要的名稱。
頁面名稱:表示生成文件的名稱。
路由名稱:表示頁面的訪問地址，可以通過http://127.0.0.1:4444/#/xxxx訪問對應(yīng)的路由頁面。
在本例中，創(chuàng)建了一個page16，您可以在訪問它之后看到新創(chuàng)建的頁面。

進入開發(fā)調(diào)試
在項目布局上點擊編輯打開，用設(shè)置中選擇的編輯器立即打開項目。目前支持Visual Studio代碼、Sublime Text 3、WebStorm、Atom等編輯器，建議使用Visual Studio代碼。如果您的電腦中沒有安裝，請先安裝。
項目目錄結(jié)構(gòu)描述:

例如，在上一步中創(chuàng)建的第16頁:

通過二次開發(fā)增加業(yè)務(wù)邏輯，完成業(yè)務(wù)需求。
打包發(fā)布
點擊項目面板上的構(gòu)建項目按鈕，構(gòu)建已開發(fā)的js css等資源。
構(gòu)建完成后，項目目錄下會生成一個構(gòu)建文件夾，其中包含index.html index . jsindex . CSS文件。用熟悉的方式上傳到對應(yīng)的cdn服務(wù)器。

在線部署
在線過程是發(fā)布html文件的過程。index.html文件存在于構(gòu)建目錄中。將index.html文件復(fù)制到對應(yīng)的業(yè)務(wù)服務(wù)器上，在HTML源代碼中修改/build/index.css和/build/index.js的地址，這是上一步得到的cdn地址和站點標(biāo)題。
標(biāo)準(zhǔn)的HTML文件如下:

在在線環(huán)境中，我們強烈建議使用React的生產(chǎn)版本，而不是開發(fā)版本。兩者的區(qū)別不僅僅是體積，還有一些針對在線環(huán)境的性能優(yōu)化。
您已經(jīng)學(xué)會了使用Iceworks創(chuàng)建項目并發(fā)布它:)

常見問題

WebStorm/IDEA編輯器中的停滯現(xiàn)象

由于項目的安裝依賴性，node_modules這個文件夾包含了很多小文件，編輯器卡在索引文件里。這一點在WebStorm中尤為明顯?？梢允褂胑xcludenode_modules目錄，不需要檢索這個文件夾下的內(nèi)容。

如何在瀏覽器選項卡上設(shè)置網(wǎng)頁的圖標(biāo)(favicon)？

細心的學(xué)生可能會發(fā)現(xiàn)，該頁面在瀏覽器選項卡上會有一個自定義圖標(biāo):

如果您想將此圖標(biāo)添加到您的站點，可以按如下方式添加:

準(zhǔn)備一個圖標(biāo)，文件格式可以。png或者。ico，正方形，分辨率可以是32x32px或64x64px。文件大小應(yīng)該盡可能小。

上傳CDN以獲取url或在您自己的服務(wù)器上配置靜態(tài)資源服務(wù)。

在HTML頁面上

此添加成功！

更新日志

特點:冰島visual block構(gòu)建Beta版進行發(fā)布，一鍵生成代碼，直觀簡單。

修復(fù):向現(xiàn)有頁面添加塊的彈出窗口的樣式問題。

修復(fù):導(dǎo)航頁面創(chuàng)建項目彈出窗口的樣式問題。

修復(fù):沒有項目時改變窗口大小導(dǎo)致的錯誤。

Iceworks安裝教程

從大達兔游戲網(wǎng)下載Iceworks的安裝包后，電腦運行安裝即可使用。

總結(jié)：以上內(nèi)容就是Iceworksv2.20.0最新官方版軟件介紹，包括軟件截圖和下載地址，讓你詳細的了解Iceworksv2.20.0最新官方版，歡迎大家下載安裝體驗。