vue-cli 3.0 源码分析

yiliang 发布于2019-08-23 15:11 / 2762人阅读

摘要：写在前面其实最开始不是特意来研究的源码，只是想了解下的命令，如果想要了解命令的话，那么绕不开写的。通过分析发现与相比，变化太大了，通过引入插件系统，可以让开发者利用其暴露的对项目进行扩展。

写在前面

其实最开始不是特意来研究 vue-cli 的源码，只是想了解下 node 的命令，如果想要了解 node 命令的话，那么绕不开 tj 写的 commander.js。在学习 commander.js 过程中发现 vue-cli 的交互方式挺炫酷的，然后就去看了下源码，所以就有了这篇文章。

链接

vue-cli 3.0 源码分析

目录 @vue/cli

前言

介绍

开始

环境介绍

常见 npm 包

vue create

create 入口

整体分析

基础验证

获取预设选项（preset）

依赖安装（installDeps）

Generator

结尾分析

总结

vue add

add 入口

安装插件

调用插件

总结

vue invoke

invoke 命令

vue inspect

inspect 命令

vue serve

serve 命令

vue build

build 命令

vue ui

ui 入口

整体分析

server 端

client 端

总结

vue init

init 入口

@vue/cli-init 分析

vue-cli 2.x init 分析

generate 函数分析

总结

vue config

config 命令

vue upgrade

upgrade 命令

vue info

info 命令

@vue/cli-service

整体介绍

入口

new Service()

service.run()

内置插件

serve

build

inspect

help

总结

vue-cli-analysis 整个项目可大致分为两个部分，一部分是 vue 命令分析，包含 create，add，invoke， ui 等等，另一部分就是 vue-cli-service 的分析。通过分析发现与 2.X 相比，3.0 变化太大了，通过引入插件系统，可以让开发者利用其暴露的 API 对项目进行扩展。在分析之前对插件机制不是很了解，不知道如何实现的，分析之后逐渐了解了其实现机制，而且对于 vue 项目的配置也更加熟悉了。除此之外，在分析过程过程中还了解了很多有意思的 npm 包，比如 execa， debug， lowdb，lodash，inquirer 等等，最后，如果你想学习 node 命令或者想写一些比较有意思的命令行工具的话，阅读 vue-cli 源码是一个不错的选择。

GPU云服务器云服务器 vue-cli vue-cli3 gradle-3.0 jsf 3.0

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101652.html

vue-cli3.0源码分析@vue/cli-----add和invoke

上一篇已经讲了create命令；那么这一篇我们来看一下add和invoke这个命令。之所以放一起讲，是因为当add执行的时候，也会去执行invoke add vue add vue-cli-plugin-xxx 或 vue add @vue/xxx 通过这种形式就是vue-cli3.0内部能识别的插件了首先来看一下入口 program .command(add [pluginOptions]...

sorra 2019-08-23 16:54 评论0 收藏0
vue-cli3.0源码分析@vue/cli-----create

摘要：本文主要学习的源码的记录。这里有一个的示例的数据会被插件生成器用来生成相应的项目文件。另一个远程版本另外而是通过包获取的版本。本文主要学习vue-cli3.0的源码的记录。源码地址: https://github.com/vuejs/vue-cli 主要对packages里面的@vue进行学习。如下图 showImg(https://segmentfault.com/img/...

JasonZhang 2019-08-23 16:51 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

sutaking 2019-08-02 15:17 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

khs1994 2019-08-23 18:08 评论0 收藏0