1.安装npm

npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）, NPM是随同NodeJS一起安装的包管理工具。
下载地址： https://nodejs.org/
安装后

windows系统：Win+R，输入cmd 打开控制台
mac系统：ctrl+空格 输入terminal.app 打开终端
查看nmp版本号：npm -v
查看node本号：node -v
更新到最新版本：npm install npm@lastes -g
查看资源库：www.npmjs.org

2.安装vue-cli

在终端输入npm install vue-cli -g 下载安装 vue-cli

查看当前版本 vue -v

因为npm服务器在境外，速度非常慢，推荐使用cnpm
这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步

安装cnpm： 输入 npm install cnpm -g –registry=https://registry.npm.taobao.org

（注：有时会报没有权限错误，只需输入 sudo 命令行，输入密码后即可执行）

3.生成项目模板

在终端输入 vue init 模板名 文件夹名 例如：vue init webpack crab

根据提示输入相关配置信息

Project name (crab)： 项目名称，回车括号中默认名字（名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）
Project description (A Vue.js project)：项目描述，回车使用默认名字
Author ()： 作者
Vue build：
Runtime + Compiler: recommended for most users 运行加编译（推荐）
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files – render functions are required elsewhere 仅运行
Install vue-router? (Y/n) 是否安装vue-router，通常Y
Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，通常Y
Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，通常Y
Setup unit tests? (Y/n) 是否安装单元测试，通常Y
Pick a test runner？ 挑选一名试探员，通常jest
Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试 ，通常Y
Should we run `npm install` for you after the project has been created? (recommended) 在项目创建后，我们应该为您运行“NPM安装”吗？如选不运行，完成后需要自己输入npm install或cnpm install 进行目录进行配置，通常选择运行npm
（这时漫长无尽的等待开始）

4.启动项目

输入以下命令：npm run start

在浏览器输入http://localhost:8080

成功！
（注：有时会有端口被占用的情况，打开项目中config文件夹下的index.js，把port: 8080端口改成其他即可）