1、如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
查看当前vue版本方法：命令行输入vue -V（V为大写）
2、确保系统上面已安装node.js,如果没有安装则需要先安装node.js
检查方法：命令行输入：node -v
3、安装node.js包管理工具的淘宝镜像（非常重要，博主之前安装失败就是因为没有用淘宝镜像）
安装方法：命令工具输入npm install -g cnpm --registry=https://registry.npm.taobao.org
安装淘宝镜像后后面进行安装新的包或其他其他操作就适用cnpm代替npm了。
检差镜像是否安装成功的方法：命令行输入：cnpm -v
4、全局安装webpack
命令行输入：cnpm install webpack -g。
使用webpack -v查看版本
如果webpack版本4以上，需要安装webpack-cli 依赖
命令行输入：cnpm install webpack webpack-cli -g
5、安装vue-cli
命令行输入：cnpm install vue-cli -g
运行完毕后再次输入vue -V检查vue-cli是否安装成功
6、上面步骤安装完后，就可以利用vue-cli初始化vue项目
在你想要安装项目的而目录下输入vue init webpack projectname（projectname是你项目的名称），
Project name:——项目名称
Project description:——项目描述
Author:——作者
Vue build:——构建模式，一般默认选择第一种
Install vue-router?:——是否安装引入vue-router，这里选是，vue-router是路由组件,后面构建项目会用到
Use ESLint to lint your code?:——这里强烈建议选no 否则你会非常痛苦，eslint的格式验证非常严格，多一个空格少一个空格都会报错，所以对于新手来说，一般不建议开启，会加大开发难度
Setup unit tests with Karma + Mocha 以及Setup e2e tests with Nightwatch这两个是测试，可以不用安装
如下图：
7、选择上一张图片的NO,I will handle that myself
然后输入cd projectname(你项目名称)
然后再输入cnpm install
8、输入cnpm run dev
最后在网址打开http://127.0.0.1:8080/如下图
