Vue 代码 AST 转换升级实战 —— vue-router 篇

2021-07-07
阅读 3 分钟
2.2k
作为 Vue 开发的标配之一 ,Vue Router 跟随 Vue3 同步升级,API 定义与使用上有了一些破坏性的变化。为了实现一键 Vue2 升级 Vue3,我们把 Vue Router 的转换规则进行了拆解与研究,下面举几个使用 GoGoCode 的转换场景跟大家分享下:

Vue2 代码转换为 Vue3 原理剖析—— eventHub篇

2021-06-29
阅读 4 分钟
3.5k
eventHub 是组件间共用的事件中心,在 Vue 中用来作为组件沟通的桥梁,向 eventHub 发送消息,其它模块通过订阅这个 eventHub 来获取相应的数据。
封面图

阿里妈妈又做了新工具,帮你把 Vue2 代码改成 Vue3 的

2021-06-25
阅读 3 分钟
2.6k
Vue3 已经出来有一段时间了,很多朋友早已熟读了文档,写了好几个 Demo,馋 Composition API 等新特性已久了。无奈,在实际工作中,大部分朋友还是不得不守着成千上万行的 Vue2 老项目过日子,做一次框架升级就像给老房子装修——念头总是充沛,决心总是匮乏。
封面图

0成本上手AST,用GoGoCode解决Vue2迁移Vue3难题

2021-04-08
阅读 6 分钟
5k
1 为什么要迁移 Vue3.x说点什么呢? 总之。。。 这不是我的错!首先先要写个案例,找到一个可执行方案。2 方案选择参考Vue2转3官方文档v3.cn.vuejs.org/guide/migra…面对自己项目百八十个文件,人工爆肝肯定是不可能的,想都不能想! 唯一的方案是基于AST(抽象语法树)解构代码,根据Vue官网给出升级文档的修改建议,批...

最近很火的AST分析原理&社区方案比较

2021-04-02
阅读 8 分钟
7.2k
“代码分析转换”本来在前端开发中是一个比较小众的技能树,我所在的阿里妈妈前端技术团队(MUX)也是在大量业务的迁移架构的过程中遇到了需要批量转换代码的问题,所以对原理和工具进行了一些研究,最近发现社区里不少对此的讨论的文章也得到了大家的关注,所以也打算在此多分享一些我们的经验。其实AST分析的过程与每一...

「GoGoCode 实战」一口气学会 30 个 AST 代码替换小诀窍

2021-04-02
阅读 9 分钟
5.2k
自从发了上篇文章《阿里妈妈出的新工具,给批量修改项目代码减轻了痛苦》 之后,我们收到大家在用 GoGoCode 做 AST 代码替换时遇到的各种问题:我该怎么获取变量?我该怎么批量替换?我该怎么插入空格?我怎么替换完不生效?我匹配哪里出了问题?……于是小姐姐连夜整理了30个代码替换小诀窍,让大家一口气都学会!学不会...

阿里妈妈出的新工具,给批量修改项目代码减轻了痛苦

2021-04-01
阅读 5 分钟
1.6k
作为一个程序员,当然总是期望自己的代码能「一次编写,四处运行」,但真实经验往往是「一处修改,百处填坑」,依赖落后了好几个版本了想要升级、老代码已经看着很不爽了打算重构,都需要下坚决的决心,毕竟哪里漏掉了或者改错了都可能酿成大祸,我们一般都怎么搞呢?