使用vue-cli搭建项目的流程

一、首先检查node版本和npm版本

1、打开控制台输入 node -v 查看vue版本，输入 npm -v 查看版本；
2、安装 淘宝镜像，也可以选择不安装，但是下载包的时候会很慢；
3、 输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装淘宝镜像；

二、全局安装webpack和vue-cli

1、输入cnpm install webpack -g ，查看版本输入 webpack -v ；
2、输入 cnpm install vue-cli -g，查看版本 vue -V （V 要大写）；

三、搭建项目

1、上面步骤安装完后，就可以利用vue-cli初始化vue项目在你想要安装项目的而目录下输入vue init webpack projectname（projectname是你项目的名称，并且 项目名称要小写）；
2、Project name:——项目名称
Project description:——项目描述
Author:——作者
Vue build:——构建模式，一般默认选择第一种
Install vue-router?:——这里选是，vue-router是路由组件,后面构建项目会用到
Use ESLint to lint your code?:——这里强烈建议选no，eslint的格式验证非常严格，多一个空格少一个空格都会报错,会加大开发难度
Setup unit tests with Karma + Mocha——No
Setup e2e tests with Nightwatch——No
最后一项选 带 NPM 的那个；

四、打开项目

1、cd 项目名称。进入自己的项目文件
2、npm run dev 即可打开自己的项目