前言

安装（CLI3）

在你安装node，git，webpack之后，下面两个随便选一个全局安装

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

使用vue -V来检查版本

192:~ ruqiuvy$ vue -V
@vue/cli 5.0.4

升级

如果安装了旧的版本cli2.x，先使用npm uninstall vue-cli -g或
yarn global remove vue-cli 卸载它。然后下面俩随便选一个都是全局安装

npm update -g @vue/cli

yarn global upgrade --latest @vue/cli

使用

创建项目 vue create myproject

回车之后会有一个选择 preset（空格选择），是一些配置相关的东西，暂时不做考虑。
一般是实际开发项目的开始之前会选择合适的选项
下面是一些可选项 create [options] <app-name>

-p, --preset <presetName>       忽略提示符并使用已保存的或远程的预设选项
-d, --default                   忽略提示符并使用默认预设选项
-i, --inlinePreset <json>       忽略提示符并使用内联的 JSON 字符串预设选项
-m, --packageManager <command>  在安装依赖时使用指定的 npm 客户端
-r, --registry <url>            在安装依赖时使用指定的 npm registry
-g, --git [message]             强制 / 跳过 git 初始化，并可选的指定初始化提交信息
-n, --no-git                    跳过 git 初始化
-f, --force                     覆写目标目录可能存在的配置
-c, --clone                     使用 git clone 获取远程预设选项
-x, --proxy                     使用指定的代理创建项目
-b, --bare                      创建项目时省略默认组件中的新手指导信息
-h, --help                      输出使用帮助信息

运行 npm run serve，打开http://localhost:8080/就能看到你的项目了，默认是hello vue界面吧！

图形化的管理界面

可以通过`vue ui`打开cli的一个图形化界面

assets文件夹：存放项目中用到的静态资源文件。例如：css样式表，图片资源等等。
components文件夹：程序员封装的一些，可复用的组件，都要封装到components目录下。
main.js文件: 项目的入口文件，整个项目的运行，要先执行main.js。
App.vue文件:是项目的根组件。我们浏览器上看到的页面结构就是App.vue里面所呈现出来的。

总结

CLI为我们提供了很多的便捷，丰富的插件，能让我们把精力放到快速开发上，而不需要过多的关注配置等因素