Vue-cli(3.0 + ) 源码分析(一)

本文介绍了如何通过局部安装Vue-cli在源码中添加log,进而分析Vue-cli 5.0.3的源码。主要关注`bin/vue.js`入口脚本的节点版本检测,`vue create`命令处理,包括preset选择,生成`package.json`,安装依赖及初始化git的过程。下篇将深入分析Generator过程。
摘要由CSDN通过智能技术生成

下载了Vue-cli源码后没有找到单步调试或添加log的方法,就采用了一个笨方法:局部安装vue-cli,然后在node-modules/@vue/cli 目录下的源代码添加log 就可以了。

npm install @vue/cli //局部安装 安装后的目录如下:

接下来我们分析一下源码。

1. 首先看下package.json

版本是5.0.3,最新的版本,description描述:Command line interface for rapid Vue.js development。脚本入口文件是./bin/vue.js , author是Evan You

2. bin/vue.js 入口脚本

 刚开始主要是检测node 版本,注意我们增加了一行打印:console.log('bin/vue.js check node version')

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值