工程智能化

前端未来发展的趋势：人工化-> 工具化-> 工程化-> 智能化。

首先，聊聊阿里在前端工程化的发展。随着前端的系统架构越来越复杂，技术栈也越来越多样，对于大型研发团队而言，工程化可以在技术栈标准化、研发效率、质量提升等方面起到极大的作用。

WebIDE

所谓WebIDE就是只需要一个浏览器，就能够让你编写代码、运行代码、甚至发布代码。

WebIDE有几个好处：

• 无需本地安装IDE
• 无需关注本地环境，例如环境变量、npm设置等等。
• 多人协同编辑，结对编程变得更加有趣。
• 可以大同现有工程化的能力，深入继承脚手架、工程模版、可视化组件编程、编译、打包、部署等等。

云构建

本地构建存在许多问题，例如依赖本地机器性能效率地下、构建工具不统一、本地环境不统一等等。因袭，阿里基于Docker虚拟机搭建前端系统构建环境，解决了环境不一致和构建性能低的问题，同时还提供了完备的灰度管理、实时日志的能力。

在阿里内部，云构建目前日活跃用户有1500+，日狗见谅5W+，物理机器20+，使用量还是非常大的，而且覆盖研发团队也非常广泛。

智能化 - imgcook

imgcook 可以实现从设计（design）到代码（code）的转化，目前可以支持sketch、psd和JPG文件。全链路采用计算机视觉、深度学习等智能化手段依此去除对设计稿的约束，通过对Font字体识别、Iconfont图标识别、Layout布局识别、只智能生成代码，保证代码和视觉的高度还原。同时支持多种DSL代码生成，支持小程序、H5、Rax、Weex等框架。

Ant Design Next

Ant Design的设计规范和组件库，阿里对中后台前端研发实现了一套low code的方式。

• 可视化、低代码：通过可视化拖拽界面生成页面代码，自动生成CSS文件完成布局，并且通过封装实现数据绑定、发送请求等操作，简化JS的编写。

• 提高效率：基于Rest API接口定义，自动生成CRUD页面，完成80%业务场景。

• 提升体验：通过设计规范提高页面布局规范，同时介绍页面组件渲染提升页面性能，通过也会对构建进行大量优化，默认城店大量最佳实践。