介绍：Vue.js是一套构建用户界面渐进式的框架。

首先，要到node官网下载并安装好node.js，安装过程非常简单，一直“next”就可以了。我这里下载的是8.11.2的版本

然后，在菜单栏打出"cmd",就会弹出命令行窗口，如下图所示

输入命令 node -v 如果有显示你下载的版本就代表你的node.js安装成功了

node的环境已经安装好了，现在我们要安装淘宝镜像了。为什么要安装淘宝镜像呢？还不是因为快、稳定！

安装淘宝镜像步骤

在命令行输入：

npm install -g cnpm -registry=https://registry.npm.taobao.org

然后就是等待，安装完成就是下图的样子

接着安装vue-cli脚手架构建工具

vue-cli提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端流程。只需要几分钟即可创建并启动一个带热重载、保持时静态检查以及可用于生产环境的构建配置的项目。

输入命令行：

npm install vue-cli -g

安装完成如下图

创建一个基于webpack模板的新项目

首先，我们要创建项目，要选定目录，然后在命令行中把目录转到选定的目录。可以使用：

my-project为自定义项目名

vue init wepack + 项目名（不能出现中文）

如下图：

回车后，会出现下面这些东西

注意：项目名称不能为大写，不然会报错

Project name my project # 项目名称我的项目

Project description A Vue.js project # 项目描述一个Vue.js项目

Author 作者（你的名字）

Vue build standalone # vue 构建独立

Insatll vue-router?(y/n) # 是否安装vue 路由 ( y [ yes ] / n [ no ] )

Use ESLint to lint your code?(y/n) # 使用ESLint 到你的代码？( y [ yes ] / n [ no ] )

Set up unit tests (y/n) # 设置单元测试？ ( y [ yes ] / n [ no ] )

Setup e2e tests with Nightwatch?(y/n) # 用Nightwatch设置e2e测试？( y [ yes ] / n [ no ] )

你想选yes 还是no，就看你个人情况了。我这里除了路由选了是，其他都是no

回车加载完成，如下图

初始化一个项目，进入你这个项目的目录

cd my-project

npm install 初始化

运行项目让它跑起来！

输入命令：

npm run dev

只要出现下面这些就成功了

然后在浏览器打开一个新的窗口，输入 http://localhost:8080 就可以了！

出现下面这个页面就代表你配置成功了

这是我第一次写教程，可能有的地方写的不好，请多多指教。在这里我想补充一下， -g 是全局安装。