Vue-cli ----- 搭建 Vue 开发环境的脚手架

1.Vue-cli：

Vue-cli 是专门搭建 vue 开发环境的脚手架，它是基于 webpack 的；

2.安装 Vue-cli：

（1）安装：npm  install  vue-cli  -g

（2）检测是否安装，查看版本：vue  -V

3.生成项目模板：

（1）在一个空文件夹中生成项目模板：vue  init  webpack-simple  自己的项目名称（完成之后会生成含有自己项目名称的文件夹，也就是自己的项目）；

（2）跳转的自己的项目文件夹中：cd  项目名称；

（3）安装所有的插件：npm  install；

（4）写完自己的项目之后，进行打包：npm  run  build（会生成一个 dist 文件夹（需要上线的文件夹），会将自己写的所有 js 文件合并在一个 build.js 中）；

（5）最后运行服务：npm  run  dev；