介绍
Vue CLI 致力于将 Vue 生态中的工具基础标准化，它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花更多的时间去纠结配置的问题。也就是可以通过简单的命令行或者图形界面创建一个vue应用。
安装
安装vue-cli需要nodejs8.9及更高的版本。使用下面的命令安装vue-cli
npm install -g @vue/cli
由于npm使用的源在国外，安装非常慢。推荐使用cnpm，cnpm是淘宝的npm镜像，cnpm与npm的镜像资源基本保持同步，安装快速。使用cnpm的方式同npm，下面是cnpm的安装方法
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
通过以下命令验证是否安装成功：
vue --version
创建项目
创建项目可以通过命令行或者图形界面的创建
- 命令行
vue create project_name
下一步之后会选择一些基础配置及安装基础插件
- 使用图形化界面 在命令行中输入 vue ui 会在浏览器中打开图形化界面，可以根据页面指示创建项目
目录结构
- dist；此目录是项目打包后的存储目录，默认是dist目录，可以通过修改配置自定义
- node_modules； 此目录是node模块的安装目录，项目需要的模块及插件都在该目录下
- public； 此目录是静态资源目录，该目录下的文件不会被webpack打包，在项目中引用该目录下的文件需要使用绝对路径引用
- src；此目录是源码目录，包括组件、vue源码、路由配置、自定义插件等
- src/assets; 静态资源目录
- src/components; 公共组件目录
- src/plugins; 自定义插件
- src/router; 路由配置
- src/store; 状态管理
- src/views; 所有的vue页面
- src/main.js; vue项目启动入口
项目启动
开发环境通过以下命令启动项目：
npm run serve
打包发布
线上环境通过以下命令打包发布
npm run build
打包完成后，打包后的文件会默认放到dist目录下，只需要把网站根目录设置到dist目录下即可访问
