vue-cli脚手架基本用法

vue-cli脚手架

1.简介

vue-cli是一个vue脚手架，可以快速构建项目结构
vue-cli本身集成了多种项目模版
    simple     
    webpack 包含了ESLint代码规范检查和unit单元测试等
    webpack-simple  跟webpack差不多，只是没有代码规范检查和单元测试
    browserify  
    browserify-simple

2.示例，步骤

2.1 安装vue-cli，配置vue命令环境

cnpm install vue-cli -g
mac会有一个权限问题，找度娘问了以后，试了一下：
sudo cnpm install vue-cli -g 成功了

安装成功后可以用以下命令查看是否安装成功
vue --version   // 显示脚手架版本
vue list        // 显示脚手架安装的模版

2.2 初始化项目，生成项目模版

命令：vue init 需要使用的模版名字 项目名称
     vue init webpack-simple vue-cli-demo

2.3 进入生成的项目目录，安装依赖的模块包

命令：cnpm install
     npm run dev    // 启动测试服务
     npm run build  // 将项目打包输出到dist目录，项目上线的时候，将dist目录里面的内容上传到服务器即可