自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

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

前言最近我们发布了《阿里妈妈又做了新工具,帮你把 Vue2 代码改成 Vue3 的》这个Vue2升级工具,下面跟大家分享下我们如何利用GoGoCode对VueRouter进行代码升级的。Vue Router是什么贴一个官方介绍:Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌​作为Vue开发的标配之一 ,Vue Router 跟随 Vue3 同步升级,API定义与使用上有了一些破坏性的变化。为了实现一键Vue2升级Vue3

2021-07-07 17:35:31 335

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

前言几天前我们发布了《阿里妈妈又做了新工具,帮你把 Vue2 代码改成 Vue3 的》,这篇文章分享一下其中一个转换规则:eventHub(或称为eventBus)的转换的思路。Vue 官方的迁移方案:https://v3.cn.vuejs.org/guide/migration/events-api.html1. 先介绍下 eventHub1.1 Vue2 的 eventHubeventHub 是组件间共用的事件中心,在 Vue 中用来作为组件沟通的桥梁,向 eventHub 发送消息,其它模块

2021-06-29 10:59:00 738

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

Vue3 已经出来有一段时间了,很多朋友早已熟读了文档,写了好几个 Demo,馋 Composition API 等新特性已久了。无奈,在实际工作中,大部分朋友还是不得不守着成千上万行的 Vue2 老项目过日子,做一次框架升级就像给老房子装修——念头总是充沛,决心总是匮乏。其实 Vue 团队已经尽可能地减少了破坏性更新,还提供了一份细致的迁移指南,条数不少,但定睛一看,大部分都是体力活,有些很简单,比如异步组件要多包上一层:还有一些就改起来有点麻烦,比如自定义指令生命周期的更名,和传入参数的一些细微变化

2021-06-25 11:15:01 435

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

作为一个程序员,当然总是期望自己的代码能「一次编写,四处运行」,但真实经验往往是「一处修改,百处填坑」,依赖落后了好几个版本了想要升级、老代码已经看着很不爽了打算重构,都需要下坚决的决心,毕竟哪里漏掉了或者改错了都可能酿成大祸,我们一般都怎么搞呢?土办法真香和局限对于一些简单的需求,比如最近在掘金上看到了一个例子,去掉项目中 console.log(xxx) 代码,我相信大家平时遇到这种需求第一个想法都是直接选择编辑器批量文本替换成空字符串:![image.png](https://img-blog.c

2021-04-28 10:59:59 372

原创 npm 命令行工具开发指南

我们在前端开发中会经常用到命令行工具,比如@babel/cli、vue-cli、create-react-app 等等。那么如何创建一个npm 命令行工具呢?其实很简单的,仅需要几步即可。创建1 初始化npm项目npm initpackage name: (cli) gogocode-cliversion: (1.0.0) description: my-first-clientry point: (index.js) keywords: npm cliauthor: super man

2021-04-28 10:38:55 545

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除