飛冰（ICE）教程

概述

可視化智能開(kāi)發(fā)助手

立即安裝 >>>

社會(huì)、經(jīng)濟(jì)、民生正在加速數(shù)字化，微軟預(yù)測(cè)：未來(lái)五年，我們開(kāi)發(fā)的應(yīng)用程序?qū)⒊^(guò)過(guò)去所有時(shí)代的總和 —— 這是一個(gè)爆炸式的發(fā)展。爆炸式發(fā)展對(duì)先進(jìn)生產(chǎn)力提出了更高的要求，但現(xiàn)狀卻是：應(yīng)用程序開(kāi)發(fā)高門(mén)檻、質(zhì)量無(wú)保障和效率遇瓶頸的困局。

Iceworks 就是在此背景下誕生的可視化智能開(kāi)發(fā)助手，旨在驅(qū)動(dòng)軟件開(kāi)發(fā)工具和方法產(chǎn)生巨大變革。

Iceworks 通過(guò)「 雙引擎和雙模型」，運(yùn)用可視化引擎和智能化引擎、質(zhì)量和效率評(píng)估模型：降低應(yīng)用開(kāi)發(fā)的門(mén)檻、保障開(kāi)發(fā)質(zhì)量，提高開(kāi)發(fā)效率。Iceworks 客戶端通過(guò)插件的形式集成在 IDE 中，目前實(shí)現(xiàn)了與 VS Code / WebIDE / O2(阿里內(nèi)部) 等主流集成開(kāi)發(fā)工具（平臺(tái)）的無(wú)縫對(duì)接，方便開(kāi)發(fā)者隨時(shí)隨地快速使用可視化、智能化的能力進(jìn)行應(yīng)用開(kāi)發(fā)。

產(chǎn)品特點(diǎn)

可視化開(kāi)發(fā)

Iceworks 可視化開(kāi)發(fā)提供兩個(gè)基本功能：可視化搭建和可視化配置。

可視化搭建提供所見(jiàn)即所得的拖拽能力，助力快速完成前端頁(yè)面的開(kāi)發(fā)。該能力不與具體平臺(tái)綁定、和具體框架無(wú)關(guān)，搭建完成后可以繼續(xù)二次編碼，它在極大降低前端開(kāi)發(fā)的門(mén)檻和提升前端開(kāi)發(fā)的效率同時(shí)，還兼顧了程序的可維護(hù)性和靈活性：

更多介紹，請(qǐng)參考《可視化搭建》。

可視化配置旨在降低前端開(kāi)發(fā)門(mén)檻、提升開(kāi)發(fā)體驗(yàn)，提供了流程引導(dǎo)生成代碼和表單操作生成代碼的能力，該能力支持自定義模板或物料，為開(kāi)發(fā)者提供個(gè)性化代碼的生成能力：

更多介紹，請(qǐng)參考《可視化配置》。

智能編程

Iceworks 智能編程當(dāng)前提供了兩個(gè)基本功能：代碼自動(dòng)補(bǔ)全和代碼信息提示。

在開(kāi)發(fā)者編寫(xiě)代碼的過(guò)程中，智能引擎能夠自動(dòng)預(yù)測(cè)開(kāi)發(fā)者的編程意圖，連續(xù)向開(kāi)發(fā)者推薦「即將書(shū)寫(xiě)的下一段代碼」，開(kāi)發(fā)者可以通過(guò)「一鍵補(bǔ)全」的方式，直接確認(rèn)接下來(lái)要輸入的代碼，從而大大提升代碼的編寫(xiě)效率。例如輸入樣式字段和值時(shí)，Iceworks 提供的代碼自動(dòng)補(bǔ)全效果如下：

Iceworks 的代碼自動(dòng)補(bǔ)全能力基于語(yǔ)言語(yǔ)義和源代碼分析，完全本地執(zhí)行，確保代碼安全；毫秒級(jí)響應(yīng)，流暢進(jìn)行編碼！

更多介紹，請(qǐng)參考《編碼輔助》。

豐富的物料體系

Iceworks 內(nèi)置 Fusion Design、Rax UI 組件庫(kù)，豐富的物料開(kāi)箱即用：可通過(guò)物料創(chuàng)建應(yīng)用、生成組件和組裝頁(yè)面、一鍵添加到代碼……同時(shí)支持接入自定義物料，對(duì)物料開(kāi)發(fā)的鏈路提供了全流程的支持，開(kāi)發(fā)者可輕松定制業(yè)務(wù)專(zhuān)屬的物料集合：

指南導(dǎo)航

• 快速開(kāi)始：介紹如何安裝和使用 Iceworks。

• 用戶指南

  • 創(chuàng)建應(yīng)用：介紹如何使用 Iceworks 創(chuàng)建前端應(yīng)用。

  • 信息概覽：介紹 Iceworks 入口包含的功能，按圖索引了解 Iceworks 全部功能。

  • 調(diào)試、構(gòu)建和發(fā)布：介紹如何通過(guò) Iceworks 對(duì)前端應(yīng)用進(jìn)行基本的開(kāi)發(fā)。

  • 可視化搭建：介紹如何使用 Iceworks 的可視化搭建功能。

  • 可視化配置：介紹如何使用 Iceworks 的可視化配置功能。

  • 依賴(lài)包管理：介紹如何使用 Iceworks 進(jìn)行應(yīng)用依賴(lài)包管理。

  • 編碼輔助：介紹 Iceworks 包含的智能編碼輔助功能。

  • 自定義物料：介紹如何通過(guò)自定義物料定制使用 Iceworks。

• 附加說(shuō)明

  • 功能配置和插件管理：介紹如何禁止和啟用 Iceworks 的相關(guān)功能。

  • 從老版本升級(jí)：介紹如何從 2.0 、3.0、4.0 版本進(jìn)行升級(jí)

• VS Code 指南

  • 安裝

  • 用戶界面

  • 資源管理器

  • 代碼編輯

  • 源代碼管理(Git)

  • 集成終端(Terminal)

  • 設(shè)置

常見(jiàn)問(wèn)題

會(huì)不會(huì)提供其他 IDE 的插件，例如 WebStorm ？

我們會(huì)研究相關(guān)技術(shù)，以實(shí)現(xiàn)低成本在更多的 IDE 上進(jìn)行集成，服務(wù)更廣大的開(kāi)發(fā)者。但目前沒(méi)有明確的時(shí)間表。

Iceworks 支持哪些應(yīng)用類(lèi)型？

Iceworks 目前支持前端應(yīng)用的開(kāi)發(fā)，支持 Web 前端應(yīng)用和無(wú)線應(yīng)用（H5、小程序）的開(kāi)發(fā)，內(nèi)置使用 icejs 框架，你可以通過(guò)添加自定義物料的方式使用更多的前端框架。

如何獲取更多幫助？

加入釘釘交流群

阿里內(nèi)部釘釘群號(hào)：23161909

提交問(wèn)題

向 Iceworks Github 倉(cāng)庫(kù)提交 issue ，我們會(huì)快速跟進(jìn)你遇到的問(wèn)題。

預(yù)約培訓(xùn)

對(duì)于打算大規(guī)模使用的公司或團(tuán)隊(duì)，Iceworks 可以提供免費(fèi)的培訓(xùn)，具體請(qǐng)咨詢(xún) @梧忌(wuji.xwt@alibabab-inc.com)