阿里Iceworks下載 最新更新|軟件分類|軟件專題|手機(jī)版|論壇轉(zhuǎn)貼|軟件發(fā)布

您當(dāng)前所在位置: 首頁編程開發(fā)編程軟件 → Iceworks(飛冰GUI工具) v2.16.0 官方版

Iceworks(飛冰GUI工具)

v2.16.0 官方版

Iceworks(飛冰GUI工具)下載

ITMOP本地下載文件大小:72.41 MB

點(diǎn)贊 好評 0%(0) 差評 差評 0%(0)

軟件介紹人氣軟件精品推薦相關(guān)文章網(wǎng)友評論下載地址

小編為您推薦: Iceworks 開發(fā)軟件 設(shè)計(jì)工具

Iceworks(飛冰GUI工具)是阿里巴巴集團(tuán)官方發(fā)布的一款I(lǐng)CE的物料體系和開發(fā)平臺,在這里用戶可以使用軟件進(jìn)行快速開發(fā),專業(yè)而又簡單易用的GUI工具,還有3中模板可以進(jìn)行免費(fèi)使用,歡迎有需要的用戶來IT貓撲下載!

飛冰GUI工具功能

設(shè)計(jì)語言

啟發(fā)傳統(tǒng)設(shè)計(jì)認(rèn)知結(jié)合設(shè)計(jì)趨勢,衍生全新平臺產(chǎn)品設(shè)計(jì)語言。

海量物料

提供多種垂直領(lǐng)域模板和區(qū)塊,快速創(chuàng)建項(xiàng)目,支持風(fēng)格切換,滿足個性化需求。

GUI 桌面工具

物料自由搭配,開發(fā)調(diào)試一體化,集成環(huán)境零配置運(yùn)行,開箱即用。

Iceworks使用方法

Iceworks快速開始 ?
零環(huán)境搭建 零配置 簡單易用
創(chuàng)建項(xiàng)目 ?

軟件啟動后,項(xiàng)目列表為空,可通過的【創(chuàng)建項(xiàng)目】新建一個項(xiàng)目。 ?

界面會跳轉(zhuǎn)到模板市場,目前提供三種模板進(jìn)行選擇,鼠標(biāo)移動到指定的模板上,點(diǎn)擊【以該模板創(chuàng)建項(xiàng)目】進(jìn)入項(xiàng)目配置頁面。 ?

新建一個文件夾或者選擇已有的空文件夾(避免覆蓋原有文件)。 ?
給項(xiàng)目起一個項(xiàng)目名,以便后續(xù)識別。 ?
點(diǎn)擊【開始創(chuàng)建項(xiàng)目】即可開始創(chuàng)建 ?
默認(rèn)會在創(chuàng)建的時候同時安裝項(xiàng)目依賴,時間上會相對久一些,也可取消勾選,后續(xù)自行安裝 ?
管理項(xiàng)目 ?
項(xiàng)目創(chuàng)建完成后,會自動添加到項(xiàng)目列表中,并打開當(dāng)前項(xiàng)目管理面板。 ?
通過項(xiàng)目管理面板,可執(zhí)行啟動調(diào)試服務(wù)新建頁面構(gòu)建項(xiàng)目等操作。 ?

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

上圖是一個ICEDesignCMS模板啟動后的預(yù)覽效果。 ?
新建頁面 ?

啟動調(diào)試服務(wù)后,可使用新建頁面來搭建頁面,通過block的組合完成頁面的創(chuàng)建。 ?
進(jìn)入block搭建界面

上方列出了當(dāng)前項(xiàng)目可用的layout布局方式,選中任一一個作為新頁面的布局。 ?
下方列出了當(dāng)前可選擇的blocks,點(diǎn)擊即可選擇該block到已選區(qū)塊列表中。 ?
右側(cè)為選中block組合的縮略圖預(yù)覽。 ?
選擇layout以及block后,點(diǎn)擊右下角生成頁面,會提示輸入頁面名,路由名,可以定義需要的名稱, ?
頁面名:表示生成的文件名稱。 ?
路由名:表示頁面的訪問地址,可通過http://127.0.0.1:4444/#/xxxx訪問到對應(yīng)的路由頁面。 ?
示例中,創(chuàng)建了page16訪問后即可看到剛搭建的頁面了。 ?

進(jìn)入開發(fā)調(diào)試 ?
點(diǎn)擊項(xiàng)目版面上的編輯中打開會立即使用設(shè)置中選擇的編輯器打開項(xiàng)目,目前支持VisualStudioCode,SublimeText3,WebStorm和Atom等編輯器,推薦使用VisualStudioCode,如果你的電腦中未安裝請先安裝。 ?
項(xiàng)目目錄結(jié)構(gòu)說明: ?

例如上一步已創(chuàng)建的Page16頁面: ?

通過二次開發(fā)增加業(yè)務(wù)邏輯,完成業(yè)務(wù)需求。 ?
打包發(fā)布 ?
點(diǎn)擊項(xiàng)目面板上的構(gòu)建項(xiàng)目按鈕,將開發(fā)的構(gòu)建出最終的jscss等資源。 ?
構(gòu)建完成后,會在項(xiàng)目目錄下生成build文件夾,里面存在了index.htmlindex.jsindex.css文件。使用你熟悉的方式,上傳到對應(yīng)的cdn服務(wù)器。 ?

部署上線 ?
上線過程即發(fā)布HTML文件的過程,index.html文件存在在build目錄中,將index.html文件復(fù)制到對應(yīng)的服務(wù)服務(wù)器,并修改html源碼中的/build/index.css和/build/index.js地址,是上一步中得到的cdn地址以及站點(diǎn)標(biāo)題。 ?
一個標(biāo)準(zhǔn)的HTML文件如下所示: ?

在線上環(huán)境我們強(qiáng)烈推薦使用production版本的React,而不是development版本。它們之間的區(qū)別除了體積之外,還包括一些針對線上環(huán)境的性能優(yōu)化。 ?
到這里你已經(jīng)學(xué)會使用Iceworks創(chuàng)建一個項(xiàng)目并發(fā)布:)

常見問題

1、WebStorm/IDEA 編輯器卡頓現(xiàn)象
由于項(xiàng)目在安裝依賴后,產(chǎn)生文件夾 node_modules 含有較多的碎小文件,編輯器在索引文件引起的卡頓。 WebStorm 中尤為明顯,可通過 exclude node_modules 目錄,不需要檢索該文件夾下的內(nèi)容。
2、如何設(shè)置網(wǎng)頁在瀏覽器 Tab 上面的 Icon (favicon)
細(xì)心的同學(xué)可能會看到頁面在瀏覽器 Tab 上面會有自定義的 Icon:

如果你想要在自己站點(diǎn)上面加上這個 Icon 可以按照如下步驟添加:
準(zhǔn)備一個 Icon,文件格式可以為 .png 或者 .ico,正方形,分辨率可以是 32x32px 或者 64x64px 文件體積要求盡可能小。
上傳 CDN 拿到一個 url 或者在自己服務(wù)器配置靜態(tài)資源服務(wù)
在 HTML 頁面 ?標(biāo)簽里面添加如下代碼:

3、在 Iceworks 下載頁面點(diǎn)擊下載沒反應(yīng)怎么辦?
請檢查是否安裝 Adguard、AdBlock、xxx 安全助手等工具并被其攔截?因?yàn)?Iceworks 是二進(jìn)制可安裝程序,可能會被安全軟件攔截,如有攔截請點(diǎn)擊確認(rèn)或者臨時關(guān)閉相關(guān)攔截功能。
4、出現(xiàn)端口已占用啟動失敗應(yīng)該如何處理?
當(dāng)你出現(xiàn)類似 Something is already running on port 4444. 或類似的報(bào)錯時,可能是由于 Hosts 配置缺少 localhost 等相關(guān)配置。

更多>> 軟件截圖

推薦應(yīng)用

更多+ 廠商其他下載 電腦軟件 安卓應(yīng)用 安卓手游 蘋果應(yīng)用 蘋果手游 MAC

    其他版本下載

      精品推薦

      相關(guān)文章

      下載地址

      • Iceworks(飛冰GUI工具) v2.16.0 官方版

      查看所有評論>> 網(wǎng)友評論

      發(fā)表評論

      (您的評論需要經(jīng)過審核才能顯示) 網(wǎng)友粉絲QQ群號:374962675

      查看所有 0條 評論>>

      更多>> 猜你喜歡