作者 | 蔡芳芳
提效是企业级前端结构很重要的方针之一，也是 2019 年蚂蚁金服前端团队作业的要点。蚂蚁金服前端团队期望凭借结构和东西完结 10 倍提效，即一个人就能够做曩昔十个人做的作业，这就需求做一些能破局的作业。为此，蚂蚁金服测验在 Pro Code 的根底上做可视化辅佐编程（ Visual Assist Programming ），凭借和结构、渠道、组件和物料商场的互补，以及类微前端的架构计划来供给插件机制，提高开发者的研制功率以及下降上手门槛。可视化辅佐编程与咱们更常谈及的可视化编程有何不同？实践过程中存在哪些技能上的应战？它是否会成为未来的干流趋势？
近来，InfoQ 记者在 GMTC 全球大前端技能大会（深圳站）2019 期间采访了蚂蚁金服前端高档技能专家陈成（诨名云谦），对上述问题做了一些讨论。
1
可视化辅佐编程一点都不 Low
依据阿里前端技能委员会主席圆心共享的前端开展进程，从 2016 年开端，前端进入到中后台重塑的年代，从原有的 Pro Code 逐渐演进到 Low/No Code 。一般人们谈及 Low/No Code，总会提起“非专业开发人员”（citizen developer）：凭借可视化编程东西，非专业开发人员无需详细编写代码，只依托图形化界面就能创立企业运用。这成为许多专业开发人员对可视化编程不以为然的原因。
在陈成看来，代码是根底，可视化功用应该作为代码的辅佐，但不能代替代码。关于 PRO CODE（写许多代码）和 LOW CODE（写一点点代码），陈成更倾向前者，仅仅服务 PRO CODE 的 CLI 东西在某些场景下或许不行直观，所以需求可视化的辅佐。
关于可视化编程和写代码优劣势，下面是一个比照：
（左：可视化建立的优势，右：写代码的优势）
那是否能够两者兼得呢？根据这一需求，蚂蚁金服 2019 年开端探究可视化辅佐编程并推出了开源的可视化辅佐编程东西 Umi UI。团队一开端的首要起点是提效，但做着做着发现能否提效的要害其实并不在于可视化辅佐东西，而在于封装，针对范畴场景的封装能带来实实在在的提效，而凭借可视化辅佐东西，则能够让这一作用进一步扩大。
陈成和记者说，可视化编程和可视化辅佐编程是两个概念，要害在于辅佐这两个字。前者的产品一般是一个大装备，后者则是以代码为根底，通过东西辅佐开发者更快更好地产出代码。这是彻底不同的两条路，从不同的思路去处理相同的问题。
可视化辅佐编程对前端范畴的价值首要体现在，让开发者既能磨炼吃饭的技能，用 Pro Code 的方法编码；又能运用建立系统的交互性，高效、低门槛、一体化地完结作业。
还有一点是幻想空间，可视化辅佐编程能够让开发人员在做东西的时分，思想不会限制在命令行里，而是能够延伸到视图交互层，以及和页面元素的直接交互。
2
技能应战：插件和运转态
蚂蚁金服在可视化辅佐编程的实践中遇到的技能应战，陈成以为首要是以下两点：
浏览器里的插件系统。蚂蚁金服选用类微前端的处理计划，在浏览器里完结了一套插件系统，让开发者能够终究靠 npm 包的方法扩展 Umi UI 的功用。
运转态才能。蚂蚁金服通过 ast 来完结 Umi UI 的运转态才能，支撑多种财物增加方法，包含独立界面增加、运转态增加、编辑器拖入等。其间要注意的一点是，读写两边的解析逻辑需求坚持一致。别的，需求时间坚持抑制和当心，由于运转态才能需求在开发形式下侵入用户代码，一不当心就或许会对用户代码形成影响。
3
可视化辅佐编程不会成为大前端的干流
除了蚂蚁金服的 Umi UI，在可视化辅佐编程进步行相关测验的还包含 Vue-cli UI、Angular Console 和 ice，其间 ice 起步比较早，一路走来踩了不少坑，也很有经历，最近在做的 ice 4.0 很值得等待。
当时可视化辅佐编程依然是一种偏小众的开发方法，但陈成以为未来状况或许会有所改动，这要看可视化辅佐编程东西做得怎么样以及社区开展的状况。难点在于用户的运用习气很难改动，只需找到一些实实在在能够让用户提效的破局点才或许让用户乐意运用。但陈成对此表明达观：“其实会有些困难，但假如不困难，要咱们做啥呢？”
可视化辅佐编程长处很明显，但也存在限制，陈成以为其间比较大的限制是开发本钱。之前开发一个功用，写命令行部分就行了，现在还要供给可视化辅佐的交互版别，而且要保证质量，不只好用，还要美观，开发本钱翻一倍或许都不止。
受限于开发本钱，再加上前端技能开展太快，可视化编程关于整个前端范畴来说或许不会成为大势所趋。在坚持快节奏技能更迭的根底上，天然不适合开发一些比较高本钱的作业，这就决议了不或许很深化地做许多功用，而没有满足的投入，就没有趋势。但是在一些笔直范畴，比方中后台、无线各子范畴等，可视化辅佐编程或许会开展得很好，由于圈子小了，能够有本钱、有时间、有才能去做更深化的作业，把这些笔直范畴的体会和提效做到极致。
关于未来大前端范畴的趋势，咱们也请陈成谈了谈他的观点：
建立系统开端发力：通过几年的堆集，许多建立系统的根底才能都堆集得差不多了，没死的也都找到了自己的定位，陈成以为 2020 年建立系统会开端发力，在一些笔直范畴发挥巨大的价值；
笔直范畴结构开花：现在蚂蚁金服前端团队也在做笔直范畴的结构，关于团队提效能发挥意想不到的作用。现在通用结构层开展没那么快了，上一年和本年并没再次出现那么多新技能，但在笔直范畴则能够做许多事。比方中后台，通过几年的堆集，现已知道什么是好的方法。别的，把圈子画小就能够详细的作业做到极致。再凭借可视化辅佐编程，能够把这个作用进一步扩大；
微前端有更多的适用场景：本年微前端特别火，D2 上也有关于微前端的专题，但现在更多的是在中后台的处理，陈成以为未来微前端会在更多的场景中发力，比方无线，比方前端的插件系统（Figma）。
4
采访嘉宾介绍
陈成，诨名云谦，蚂蚁金服高档技能专家，入职阿里已有 10 年。之前在淘宝，担任过淘宝主页、宝物概况、购物车、下单等许多重要事务的前端部分，然后转岗到支付宝，担任 spm、支付宝开发者东西的开发，以及创立了 dva，roadhog，babel-plugin-import，umi 等。拿手的范畴有东西、前端结构以及前端功能等，热衷于开源，你们能够在 https://github.com/sorrycc 找到他。
点个在看少个 bug
