一、vue-cli脚手架简介

1、vue-cli是一个vue脚手架，可以快速构造项目结构。

2、vue-cli本身集成了多种项目模板：

  • 　　simple 　　很少简单
  • 　　webpack　　包含ESLint代码规范检查、单元测试等
  • 　　webpack-simple　　简化版的webpack，没有代码规范检查、单元测试
  • 　　browserify　　　　使用的也相对较多
  • 　　browserify-simple　　简化版的browserify，没有代码规范检查、单元测试
  • 　　pwa

 

二、vue-cli的使用

1、安装vue-cli

  •  cnpm install vue-cli -g　　安装vue-cli
  •  vue --version　　查看安装的vue-cli的版本
  •  vue list　　

 

2、初始化项目，生成项目模板

  • vue init 模板名 项目名

 

3、进入生成的项目目录，安装模块包

  • cd vue-cli-demo
  • cnpm install

4、运行

  • npm run dev　　//启动测试服务
  • npm run bulid 　//将项目打包输出dist目录，项目上线将dist目录拷贝到服务器上