飞冰(ICE)教程

教程说明:

概述


可视化智能开发助手

         

立即安装 >>>

社会、经济、民生正在加速数字化,微软预测:未来五年,我们开发的应用程序将超过过去所有时代的总和 —— 这是一个爆炸式的发展。爆炸式发展对先进生产力提出了更高的要求,但现状却是:应用程序开发高门槛、质量无保障和效率遇瓶颈的困局。

Iceworks 就是在此背景下诞生的可视化智能开发助手,旨在驱动软件开发工具和方法产生巨大变革。

Iceworks 通过「 双引擎和双模型」,运用可视化引擎和智能化引擎、质量和效率评估模型:降低应用开发的门槛保障开发质量提高开发效率。Iceworks 客户端通过插件的形式集成在 IDE 中,目前实现了与 VS Code / WebIDE / O2(阿里内部) 等主流集成开发工具(平台)的无缝对接,方便开发者随时随地快速使用可视化、智能化的能力进行应用开发。

产品特点

可视化开发

Iceworks 可视化开发提供两个基本功能:可视化搭建和可视化配置。

可视化搭建提供所见即所得的拖拽能力,助力快速完成前端页面的开发。该能力不与具体平台绑定、和具体框架无关,搭建完成后可以继续二次编码,它在极大降低前端开发的门槛和提升前端开发的效率同时,还兼顾了程序的可维护性和灵活性:

更多介绍,请参考《可视化搭建》

可视化配置旨在降低前端开发门槛、提升开发体验,提供了流程引导生成代码和表单操作生成代码的能力,该能力支持自定义模板或物料,为开发者提供个性化代码的生成能力:

更多介绍,请参考《可视化配置》

智能编程

Iceworks 智能编程当前提供了两个基本功能:代码自动补全和代码信息提示。

在开发者编写代码的过程中,智能引擎能够自动预测开发者的编程意图,连续向开发者推荐「即将书写的下一段代码」,开发者可以通过「一键补全」的方式,直接确认接下来要输入的代码,从而大大提升代码的编写效率。例如输入样式字段和值时,Iceworks 提供的代码自动补全效果如下:

Iceworks 的代码自动补全能力基于语言语义和源代码分析,完全本地执行,确保代码安全;毫秒级响应,流畅进行编码!

更多介绍,请参考《编码辅助》

丰富的物料体系

Iceworks 内置 Fusion DesignRax UI 组件库,丰富的物料开箱即用:可通过物料创建应用、生成组件和组装页面、一键添加到代码……同时支持接入自定义物料,对物料开发的链路提供了全流程的支持,开发者可轻松定制业务专属的物料集合:

指南导航

常见问题

会不会提供其他 IDE 的插件,例如 WebStorm ?

我们会研究相关技术,以实现低成本在更多的 IDE 上进行集成,服务更广大的开发者。但目前没有明确的时间表。

Iceworks 支持哪些应用类型?

Iceworks 目前支持前端应用的开发,支持 Web 前端应用和无线应用(H5、小程序)的开发,内置使用 icejs 框架,你可以通过添加自定义物料的方式使用更多的前端框架。

如何获取更多帮助?

加入钉钉交流群

阿里内部钉钉群号:23161909

提交问题

向 Iceworks Github 仓库提交 issue ,我们会快速跟进你遇到的问题。

预约培训

对于打算大规模使用的公司或团队,Iceworks 可以提供免费的培训,具体请咨询 @梧忌(wuji.xwt@alibabab-inc.com)


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }