教你如何使用nvm

☞☞ 个人主页欢迎访问 ☜☜

---

来到这家公司，发现产品运营了好几年了，node以及npm版本都是特别低，如果自己做一些vue脚手架或是webpack高版本的demo，根本就实现不了，本身webpack、gulp、grunt等工具都是在node的环境下运行的，而我们现在的产品一般都会在前端和后端的API层之间加一个nodeJs层作为中间层，用它做一些转发或是数据处理。说到这里有些跑题了，就是说我们需要来回切换不同的node版本来供我们所需，因此会用到nvm/gnvm

What’s the nvm?

nvm：Node Version Manager
还有一个node版本管理器叫gnvm，这二者的区别和关系是怎样的我不太清楚，有兴趣的可以自行查一下，我之前试了gnvm，安装不了其他版本的node，后来没办法了改用nvm

nvm的使用

参考☛☛☛https://segmentfault.com/a/1190000007612011
下载：https://github.com/coreybutler/nvm-windows/releases

将nvm下载下来，上面的链接中有免安装版和安装板，我选择傻瓜式安装，完成之后找到你的nvm的安装目录，有一个settings.txt文件，打开之后把下面的代码复制进去：

arch: 64 
proxy: none 
node_mirror: http://npm.taobao.org/mirrors/node/ 
npm_mirror: https://npm.taobao.org/mirrors/npm/

效果图：

把上面的四行代码复制到root的path的下面，然后保存关闭，在你的命令提示符中输入nvm v 会有一个你刚才安装的nvm的版本，接着有几个命令是一定用得到的，来可以更好的管理node

nvm list  // 你本机中所有的node的版本列表
nvm install latest  // 安装最新版本
nvm install 4.8.4  // 安装指定版本
nvm use 10.8.0  // 当前使用版本

安装的node会在nvm路径下看到，而且在命令行中可以查看我们当前用的是哪一个版本，用webpack 4.0之后的版本对项目进行打包需要用到高版本的node，应该是node 8.5版本之后的，我安装了最新的。

成功安装之后，如果不能用的话，就看你的电脑里的系统变量是否配置成功：

用户变量：
PATH：新增了 %NVM_HOME%;%NVM_SYMLINK%; 这两个环境变量
系统变量：
NVM_HOME：nvm安装的路径，即settings里面的root
NVM_SYMLINK：node快捷方式的路径，即settings里面的path

以上配置如果成功了，但是切换node版本的时候运行项目发现node不存在了，就试试这个解决方案：
在用户变量里的PATH，放入你用nvm管理的node版本的路径，我想用的是v4.8.1：

如果到这里还不好使，那就试试终极解决方案吧：
就是把系统变量中的PATH也加入刚才的那个路径，这个时候重新开启项目就可以运行了^_

Why use this?

如果node 版本过低，配置项和代码里面的一切ES6语法糖就都无法识别，以致于在build的时候各种报错，有的人说了我可以安装一个babel-loader依赖来改善代码，提高node对ES6的支持，那我想说了，后面可能还要安装一堆，同样不好使，本人亲身尝试，苦不堪言，所以建议大家一步到位，有了nvm，妈妈再也不用担心我无法使用node了

由于webpack 4的ES6的加持，以及V8引擎的优化，支持更高ES6语法糖的node环境也是很有必要的！

本文的所有内容均是一字一句敲上去的，希望大家阅读完本文可以有所收获，因为能力有限，掌握的知识也是不够全面，欢迎大家提出来一起分享！谢谢O(∩_∩)O~

欢迎访问我的GitHub，喜欢的可以star，项目随意fork，支持转载但要下标注；
欢迎光临个人主页

等一下( •́ .̫ •̀ )，我还有最后一句话：

人活在世界上，

重要的是爱人的能力，

而不是被爱，

我们不懂得爱人又如何能被人所爱。