一、Node.js 安装配置
为什么要安装node.js?
因为 Vue.js 的资源也依托npm 管理，vue也依赖需要依赖npm生态的各种包。开发的时候你可以把node.js当做前端工程构建工具看待。npm 是类似 Java 的 maven、Python 的 pip 和 PHP 的 composer 这样的包管理工具。npm 同时也是一个工具集，Vue.js 代码的打包编译也依赖于它。最后 npm 依赖 Node.js 环境。所以Vue.js 开发需要安装 Node.js
在 Windows 上安装 Node.js 的方法。
Node.js 安装包及源码下载地址为：Download | Node.js。
你可以根据不同平台系统选择你需要的 Node.js 安装包。node.js中包含npm
Node.js 历史版本下载地址：Index of /dist/
注意：Linux 上安装 Node.js 需要安装 Python 2.6 或 2.7 ，不建议安装 Python 3.0 以上版本。
Windows 上安装 Node.js
你可以采用以下两种方式来安装。
1、Windows 安装包(.msi)
本文实例以 v0.10.26 版本为例，其他版本类似， 安装步骤：
步骤 1 : 双击下载后的安装包v0.10.26，如下所示：
步骤 2 : 点击以上的Run(运行)，将出现如下界面：
步骤 3 : 勾选接受协议选项，点击 next（下一步） 按钮 :
步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录，并点击 next（下一步）：
步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next（下一步）
步骤 6 :点击 Install（安装） 开始安装Node.js。你也可以点击 Back（返回）来修改先前的配置。 然后并点击 next（下一步）：
安装过程：
点击 Finish（完成）按钮退出安装向导。
检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：
PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib;C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\;C:\Users\rg\AppData\Roaming\npm
我们可以看到环境变量中已经包含了C:\Program Files\nodejs\
检查Node.js版本
安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd里 输入：npm install -g vue-cli，回车，等待安装...
.输入：vue，回车，若出现vue信息说明表示成功
创建项目
在cmd里输入：vue init webpack vue_test(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，可按下图操作
其中包含项目名称 介绍 作者 还有一些其他配置
Use ESLint to lint your code?这一项选择N eslint校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，未免太过于苛刻了。所以，我还是会选择关闭eslint校验。如果不小心打开vue项目关闭eslint校验 - 简书关闭教程
安装依赖
在cmd里 1).输入：cd vue_test（项目名），回车，进入到具体项目文件夹
2).输入：npm install，回车，等待一小会儿
回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）
基于脚手架创建的默认项目结构如下图所示：
测试环境是否搭建成功
方法1：在cmd里输入：npm rundev
方法2：在浏览里输入：localhost:8080(默认端口为8080)
运行起来后的效果如下图所示：
使用vscode开发
官网下载地址：Visual Studio Code - Code Editing. Redefined
使用vscode打开项目
在文件-打开文件夹-选择刚刚创建的项目
安装vue代码高亮显示的插件(我的vue版本是2.几)
安装后代码显示分明，如果不安装则显示灰色
问题：
在安装过程中，你可能会遇到这个问题.
当我们运行某个项目是 会提示
> my-first-vue-project@1.0.0 dev C:\Users\ASUS\my-project> node build/dev-server.jsTo use this template, you must update following to modules:npm: 2.15.9 should be >= 3.0.0
这是只有升级npm
即是 ：使用npm -g installnpm@3.0.0 （版本号2.9.1 可以根据已发布的版本随意升级或降级），获取最新版本的npm 文件
查看版本：
这时在项目中进行 npm run dev 时还是会 提示
因此还有一部关键的一步：
复制C:\Users\{你的Windows用户名}\AppData\Roaming\npm\node_modules\npm下的文件到你的 NodeJS安装目录下的\node_modules\npm中，覆盖掉原有的全部文件
最后运行 npm run dev 成功运行
