首先，要到node官网下载并安装好node.js，安装过程很是简单，一直“next”就能够了。我这里下载的是8.11.2的版本前端
而后，在菜单栏打出"cmd",就会弹出命令行窗口，以下图所示vue
输入命令 node -v 若是有显示你下载的版本就表明你的node.js安装成功了node
node的环境已经安装好了，如今咱们要安装淘宝镜像了。为何要安装淘宝镜像呢？还不是由于快、稳定！webpack
安装淘宝镜像步骤web
在命令行输入：vue-router
npm install -g cnpm -registry=https://registry.npm.taobao.orgvue-cli
而后就是等待，安装完成就是下图的样子npm
接着安装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 是全局安装。