一、安装node环境，安装步骤：

（1）node官网下载最新版本：http://nodejs.cn/download/

（2）安装时一直点击next，直至安装完成

（3）查看node是否安装成功: 打开cmd，输入【node -v】 命令，出现版本号即为安装成功

（4）安装node之后，就可以使用npm命令了，查看npm版本：输入【npm -v】 命令，如果npm版本不是最新，可使用命令【npm install -g npm】更新

二、在第三步安装脚手架时，如果觉得下载过程比较慢，可提前使用命令【npm install -g cnpm --registry=https://registry.npm.taobao.org 】下载淘宝镜像，之后将npm命令替换成cnpm命令 （也可省略）

三、安装脚手架

（1）vue-cli：版本2.x的脚手架，基于webpack 3
全局安装脚手架：【npm install -g vue-cli】 或 【npm install -g vue-cli@版本号】，输入【vue -V】（注：这里是大写的V） 命令查看脚手架版本号 ;

（2）@vue/cli：版本3以上的脚手架，基于 webpack 4
全局安装：【npm install -g @vue/cli】 或 【npm install -g @vue/cli@版本号】;

四、创建项目

1、使用vue-cli安装的脚手架：

（1）使用命令【vue init webpack 项目名称】

注：
【Project name】：项目名称
【Project description】：项目描述
【Author】：作者
【Vue build】：打包方式，默认即可
【Install vue-router?】：是否安装路由
【Use ESLint to lint your code?】：是否使用eslint代码检测？
【Setup unit tests?】：是否单元测试？
【Setup e2e tests with Nightwatch?】：是否进行端对端测试？

（2）项目创建完成，进入创建的项目文件夹，下载安装依赖包，使用命令【npm install】，完成后使用命令【npm run dev】启动项目

2、使用@vue/cli安装的脚手架：

（1）使用命令【vue create 项目名称】

（2）项目创建完成，进入创建的项目文件夹，下载安装依赖包，使用命令【npm install】，完成后使用命令【npm run serve 】启动项目

注：
因为vue cli >= 3 和旧版使用了相同的 vue 命令，所以 vue cli 2.x (vue-cli) 被覆盖了，当我们为vue cli >= 3版本，却想使用vue cli2.x版本的安装命令时，此时仅需根据提示安装一个全局的桥接工具，命令：【npm install -g @vue/cli-init】

3、使用vue ui命令以图形化界面创建和管理项目
（1）输入命令【vue ui】打开vue项目管理器

（2）点击创建–》在此创建新项目

（3）预设项目–》根据实际情况选择

（4）创建完成之后可选择添加router，vuex等插件