教你如何使用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 install 4.8.4 32 // 安装指定版本并且指定位数 32位 默认是64位的
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,支持转载但要下标注;
欢迎光临个人主页

等一下( •́ .̫ •̀ ),我还有最后一句话:
人活在世界上,
重要的是爱人的能力,
而不是被爱,
我们不懂得爱人又如何能被人所爱。