WEB前端：vuejs全家桶（34）：vue-cli脚手架

vue-cli脚手架

1. 简介

vue-cli是一个vue脚手架，可以快速构造项目结构
vue-cli本身集成了多种项目模板：
    simple  很少简单
    webpack 包含ESLint代码规范检查和unit单元测试等
    webpack-simple 没有代码规范检查和单元测试
    browserify 使用的也比较多
    browserify-simple

### 2. 示例，步骤：
    
#### 2.1 安装vue-cli，配置vue命令环境 
    cnpm install vue-cli -g
    vue --version
    2.9.6
    vue list

#### 2.2 初始化项目，生成项目模板
    语法：vue init 模板名  项目名
    vue init webpack-simple vue-cli-demo

#### 2.3 进入生成的项目目录，安装模块包
    cd vue-cli-demo
    cnpm install -d

#### 2.4 运行
    npm run dev  //启动测试服务
    npm run build //将项目打包输出dist目录，项目上线的话要将dist目录拷贝到服务器上

### 3. 使用webpack模板
    vue init webpack vue-cli-demo2