vue-cli

1、安装vuecli

（1）前提是安装了npm，

　　  使用npm -v检查npm版本情况。

（2）命令行输入：

npm install vue-cli -g，

　　  使用vue -V检查vue-cli版本号。

2、初始化项目

$ vue init <template-name> <project-name>

<template-name>：模板名称，官方提供了五种模板：

（1）webpack-一个全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展。

（2）webpack-simple-一个简单webpack+vue-loader的模板，不包含其他功能，让你快速的搭建vue的开发环境。

（3）browserify-一个全面的Browserify+vueify 的模板，功能包括热加载，linting,单元检测。

（4）browserify-simple-一个简单Browserify+vueify的模板，不包含其他功能，让你快速的搭建vue的开发环境。

（5）simple-一个最简单的单页应用模板。

注：在开发中一般使用webpack这个模板；

<project-name>：标识项目名称。

eg：vue init webpack vuecliTest

3、（1）cd vuecliTest  进入vue项目目录。

　  （2）npm install  安装项目依赖包，也就是安装package.json里的包，网速不好可以使用cnpm来安装。

      （3）npm run dev 开发模式下运行程序。自动构建了开发用的服务器环境和在浏览器中打开，并实时监视代码更改即时呈现。