Vue CLI（学习笔记）

1. 什么是CLI

1. CLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架。
2. Vue CLI 是官方发布 vue.js 项目脚手架
3. 使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。

使用Vue.js开发大型应用时，我们需要考虑代码目录结构，项目结构和部署，热加载，代码单元测试等事情

如果每个项目都要手动完成这些工作，效率很低，所以我们通常使用一些脚手架工具来帮助我们完成这些事情。

2. 依赖于 node

1. 需要安装node8.9以上的环境
2. 还有npm

3. 依赖于webpack

npm install webpack -g

4. Vue CLI的使用

1. 安装 Vue 脚手架

npm install -g @vue/cli

vue cli --version (安装成功查看版本)

注意：上面安装的是Vue CLI3的版本，如果需要向按照VueCLI2的方式初始化项目时不可以。

（如果装不成功就把这个文件夹删掉）

2. 要拉取2.x模板（旧版本）

Vue CLI3 和旧模板使用了相同的vue命令，所以Vue CLI2（vue-cli）被覆盖了，如果仍然需要使用旧版本的 vue init 功能，可以全局安装一个桥接工具。

npm install @vue/cli-init -g

3. Vue CLI2初始化项目

vue init webpack my-project

4. Vue CLI3初始化项目

创建项目：

vue create 项目名称（英文）

挂载app的方式

5. vue.ui

启动一个服务器

vue ui

图形用户界面（Graphical User Interface）

使用图形化界面管理我们的依赖

0配置原则：所有的配置都被隐藏在这里了。

如果想要自己添加配置：则需要在项目目录下创建一个 vue.conlig.js 文件