vue-cli安装

vue-cli 是vue官方提供的一个脚手架工具，用于初始化一个Vue项目；

一、vue-cli的优势：

1、成熟的vue项目架构设计，而且会跟随vue版本的更迭而更新；
2、提供了一套本地测试服务器，而且是一个热加载的服务器；
3、提供了自己的一套集成打包上线的方案，webpack 或者gulpify在创建项目的时候可以进行选择；
有了以上优势，可以非常快速的搭建项目；

二、vue-cli对系统的要求：
vue-cli 是命令行的一个工具，系统需要node.js(>=4.x) + Git +能使用node的命令行终端；

三、vue-cli安装流程：

前提：

node -v  //确保已经安装了node

npm install -g cnpm --registry=https://registry.npm.taobao.org   //安装淘宝镜像（cnpm -v 查看是否安装成功及版本），使用node的包管理工具npm ，-g为全局安装

cnpm install webpack -g //安装webpack (webpack -v 查看是否安装成功及版本)

安装及新建项目：

npm install vue-cli -g  //安装vue-cli脚手架 （Vue -V 查看是否安装成功及版本,V为大写），全局安装完vue-cli后才可以在命令行工具里使用vue命令

vue init webpack my-project（项目名）   //初始化项目，init-初始化项目， webpack-规定了使用的是webpack的打包方式，my-project为项目名称，项目名不可以用大写字母，初始化项目就是通过git下载vue-cli提供的脚手架代码

cd my-project  //进入项目文件夹下

npm install  //安装项目依赖: 此代码需要和package.json在一个文件夹下,通过npm下载安装package.json中的软件包

npm run dev  //在localhost启动测试服务器


其他：

npm run build  //生成上线目录（进行部署） 

cnpm install Vue-router --save   // 安装vue路由模块，也可以写到package.josn中后npm install