共计 612 个字符，预计需要花费 2 分钟才能阅读完成。
Step1: 安装 node.js
安装后可以使用 npm 工具
配置 npm 工具，使用国内镜像
npm install -g cnpm –registry=https://registry.npm.taobao.org
安装 webpack 包发布工具：
cnpm i webpack -g
安装 vue 协助构建工程的框架：vue-cli
cnpm i vue-cli -g
Step2: 下载组件并运行服务器
vue init webpack-simple vue2new // 下载新的示例模板 webpack-simple:
cd vue2new // 进入模板文件夹
cnpm i // 根据 package.json 下载模块到当前目录 /node_modules 下
npm run dev // 运行服务器
此时该项目已经跑通，可以在浏览器中看到页面，下一步设置开发环境。
Step3: 安装开发环境
下载安装 vscode
安装插件 vetur（高亮及补全工具）
设置配置文件（打开 - 首选项 - 用户配置）
{
“emmet.syntaxProfiles”: {
“vue-html”: “html”,
“vue”: “html”
},
“vetur.validation.template”: false,
“javascript.format.insertSpaceBeforeFunctionParenthesis”: true,
“editor.formatOnSave”: true,
“editor.tabSize”: 2,
}
重新启动 vscode