/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
阿裏最近推出了什麼平台呢?Iceworks官方版是款專業的飛冰GUI編程開發工具,Iceworks官方版用戶可以點擊啟動調試服務,等待完成後出現服務地址,點擊可以預覽當前項目,一起來使用一下。Iceworks軟件采用圖形化的界麵開發平台,等你來下載!
創建項目
軟件啟動後,項目列表為空,可通過的【創建項目】新建一個項目。
Iceworks界麵會跳轉到模板市場,目前提供三種模板進行選擇,鼠標移動到指定的模板上,點擊【以該模板創建項目】進入項目配置頁麵。
新建一個文件夾或者選擇已有的空文件夾(避免覆蓋原有文件)。
給項目起一個項目名,以便後續識別。
點擊【開始創建項目】即可開始創建
默認會在創建的時候同時安裝項目依賴,時間上會相對久一些,也可取消勾選,後續自行安裝
零環境搭建 零配置 簡單易用
Iceworks 是 ICE 推出的輔助開發者快速開發中後台前端應用的 GUI 軟件,目前支持 macOS 和 Windows 兩大平台。通過 Iceworks 點擊下載按鈕即可。
管理項目
項目創建完成後,會自動添加到項目列表中,並打開當前項目管理麵板。
通過項目管理麵板,可執行 啟動調試服務 新建頁麵 構建項目 等操作。
新建頁麵
啟動調試服務後,可使用新建頁麵來搭建頁麵,通過 block 的組合完成頁麵的創建。
進入 block 搭建界麵
上方列出了當前項目可用的 layout 布局方式,選中任一一個作為新頁麵的布局。
下方列出了當前可選擇的 blocks, 點擊即可選擇該 block 到已選區塊列表中。
右側為選中 block 組合的縮略圖預覽。
選擇 layout 以及 block 後,點擊右下角生成頁麵,會提示輸入頁麵名,路由名,可以定義需要的名稱,
頁麵名:表示生成的文件名稱。
路由名:表示頁麵的訪問地址,可通過 http://127.0.0.1:4444/#/xxxx 訪問到對應的路由頁麵。
創建了 page16 訪問後即可看到剛搭建的頁麵了。
進入開發調試
點擊項目版麵上的 編輯中打開 會立即使用設置中選擇的編輯器打開項目,目前支持 Visual Studio Code,Sublime Text 3,WebStorm 和 Atom 等編輯器,推薦使用 Visual Studio Code,如果你的電腦中未安裝請先安裝。
修複:Iceworks官方版部分用戶生成的 Koa 模板代碼截斷的問題
修複:Ice Design Pro 模板 .webpackrc.js 文件在 client 目錄下的問題
特性:增加 Koa 模板生成過程中的錯誤捕獲
修複:Windows 用戶生成 Koa 項目報錯的問題
Iceworks官方版可以參考此文檔自定義項目的 webpack 配置