# 环境

# 版本

• @vue/cli： 3.1.3
• @vue/cli-service： 3.1.4
• node：8.11.4
• platform： macOS

# 工具

• vscode： 代码编辑器
• Typora： Markdown 编辑器

# 从一张图开始源码的分析

# 安装 vue-cli

npm install -g @vue/cli
# OR
yarn global add @vue/cli

在安装 vue-cli 之后，执行 vue 命令，就可以得到上面图片中的内容，从这个图片中可以看出，vue-cli 一共有 11 种命令：

• create
• add
• invoke
• inspect
• serve
• build
• ui
• init
• config
• upgrade
• info

我们就逐个开始分析。