Vue工程项目创建的前提-node.js的安装

vue项目的创建离不开node，无论是项目的构建，模块的加载，启动服务运行等都需要在node中运行，在项目开发前期还没引入正式服务器的时候，node就是一个很好的服务工具，所以学习node的基本使用很重要。

写这篇文章的目的是我本人在使用node遇到过的坑，以及介绍一个我新接触到的nvm管理工具去管理node版本。

注：（以下的步骤一是之前我使用的安装方式，如果已经安装过的可以直接跳去步骤二）

1.官网安装node.js

node.js官方地址->

进入官网后，可以选择自己电脑符合的版本进行安装，本例子是选择Windows安装包(.msi) 64位，选择.msi安装包的好处是可以根据提示配置一些选项，例如（环境变量等）

下载完后一直点next即可，直到弹出install，点击install进行安装

安装完成之后我们可以查看系统变量PATH，可以看到已经帮我们自动添加上了node环境

打开cmd，输入指令查看node 和 npm 的版本，如果有版本号出现即安装成功。

• 查看node版本：node -v

• 查看npm版本：npm -v

2.安装nvm管理工具

选择这个工具的原因是因为，node的版本是非常多的，有一些版本号比较高，有一些版本号比较稳定，由于版本的不同经常会在vue项目中运行的时候产生某些报错，具体是什么原因我还不是很清楚，不过大概知道是因为版本号太高或者版本号太低导致的，之前的做法是卸载->重新安装，但是这样花费的时间太长了，所以我了解到这个nvm管理工具可以安装多个node，然后可以进行版本的快速切换，非常方便。

1.安装之前我们需要把原本安装的node先删除，在cmd输入where node ，查找到node的项目目录，将该目录的文件全部删除。

2.点击nvm工具安装地址->进入到安装的页面，往下滑找到 nvm-setup.zip进行安装

3.下载完毕后解压文件，点击解压的exe进行安装，一直点击next

4.点击install进行安装

5.安装完毕之后进入cmd ，输入nvm -v 查看版本，如果有版本信息就是安装成功了

---

安装完nvm后可以设置node 和 npm 的镜像，打开nvm里的setting.txt，在后面加入这两行代码（可选）

node_mirror:npm.taobao.org/mirrors/node/

npm_mirror:npm.taobao.org/mirrors/npm/

3.nvm的一些基本使用

nvm off                     // 禁用node.js版本管理(不卸载任何东西)
nvm on                      // 启用node.js版本管理
nvm install <version>       // 安装node.js的命名 version是版本号 例如：nvm install 8.12.0
nvm uninstall <version>     // 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用
nvm ls                      // 显示所有安装的node.js版本
nvm list available          // 显示可以安装的所有node.js的版本
nvm use <version>           // 切换到使用指定的nodejs版本
nvm v                       // 显示nvm版本
nvm install stable          // 安装最新稳定版