Node.js的环境安装配置(使用nvm方式)


Posted in Javascript onOctober 11, 2016

前言

神奇的node.js为我们JavaScript提供了在后端运行的环境,而它的包管理器npm(node package manage)现在也成为了全球最大的开源库生态系统.我们有很多很多的工具都是依赖于node环境进行使用的,所以我们使用node的第一步,就是配置node.js环境.

那么配置node.js环境,当然,我们可以直接从官网下载,然后安装到电脑上就行了,当然,这是正确的,但是如果有一天我们需要使用新版本的node.js,或者使用旧版本的node.js时,我们还是需要去官网下载,然后安装,因为node.js的官方对于node.js的版本更新较慢,以至于一些大神等得不耐烦了,便开始自己更新node.js(当然node.js是开源的),你这一更新,导致官方团队坐不住了,那最后的结果就是官方的是稳定版本,当有新功能会在这个版本较高的发布,所以这就是经常会看到

Node.js的环境安装配置(使用nvm方式)

如果你想长期做 node 开发, 或者想快速更新 node 版本, 或者想快速切换 node 版本,

那么在非 Windows(如 osx, linux) 环境下, 请使用 nvm 来安装你的 node 开发环境, 保持系统的干净.

如果你使用 Windows 做开发, 那么你可以使用 nvmw 来替代 nvm

使用nvm之前,我们先来看一下,我们使用终端打开应用程序的实例:我们使用终端开启一个软件是,必须要cd到这个程序当前所在的文件目录下,

Node.js的环境安装配置(使用nvm方式)

我们可以看到,当前的FlashFXP的链接存在于桌面的上,当我们在桌面中的node.js文件夹中去试图打开它是打不开的,因为我们终端在当前文件夹中找不到FlashFXP的启动程序,所以会报错,那么我们有没有办法去改变这一现象,可以在任何地方,任何文件中启动真个程序呢?当然是可以的,我们只需要配置一下环境变量就可以了,右键我的电脑->选择属性->高级系统设置->环境变量,到了环境变量这,就找对地方了

Node.js的环境安装配置(使用nvm方式)

环境变量是系统中一个特定的对象,当要求系统运行一个程序而且没有告诉系统这个程序的完整路径的时候,系统除了在当前的文件夹下边寻找之外,还会去环境变量中path中指定的路径去寻找,也就是说,如果你将一个文件夹的指定路径保存到了path中,那么每次在终端启动程序时,你根本就不必进去这个程序所在的文件夹也能启动它了,这里我们会看到有系统变量和用户变量,顾名思义,用户变量就是当前登录用户下配置的各种变量,当我们切换用户的时候,这部分的变量是可以变化的,那么这时候我们就需要将想要添加的文件夹添加到用户变量中就行了,

FLASH= "C:\Program Files (x86)\//将当前地址复制到一个变量中,
path = %FLASH%;//将这个变量赋值到path中,这时候在任何地方我们都可以打开这个程序了

安装nvm

好了,有了上边的铺垫之后,我们就可以来安装nvm了,我们可以使用git直接下载,当然也可以直接去网上下载 

Node.js的环境安装配置(使用nvm方式)

下载图标中的nvm就行,下载完成后解压,然后安装nvm,安装目录地址注意不要有中文,不然指不定会出现什么错误,我这里直接将它安装在了D:\dev下边,安装完成后一般会去自动给我们配置好系统变量,如果没有,我们需要手动去配置系统变量,原理及方法和我们一开始所讲的一样:

NVM_HOME :指向nvm安装目录
NVM_SYMLINK:nodejs安装目录
Path :变量值中增加 NVM_HOME 和 NVM_SYMLINK两个环境变量

这时我们可以在终端中测试一下:

$ nvm -v
Running version 1.1.0.
Usage:
 nvm arch : Show if node is running in 32 or 64 bit mode.
 nvm install <version> [arch] : The version can be a node.js version or "latest" for the latest stable version.
         Optionally specify whether to install the 32 or 64 bit version (defaults to system arch).
         Set [arch] to "all" to install 32 AND 64 bit versions.
 nvm list [available]   : List the node.js installations. Type "available" at the end to see what can be installed. Aliased as ls.
 nvm on      : Enable node.js version management.
 nvm off      : Disable node.js version management.
 nvm proxy [url]    : Set a proxy to use for downloads. Leave [url] blank to see the current proxy.
         Set [url] to "none" to remove the proxy.
 nvm uninstall <version>  : The version must be a specific version.
 nvm use [version] [arch]  : Switch to use the specified version. Optionally specify 32/64bit architecture.
         nvm use <arch> will continue using the selected version, but switch to 32/64 bit mode.
 nvm root [path]    : Set the directory where nvm should store different versions of node.js.
         If <path> is not set, the current root will be displayed.
 nvm version     : Displays the current running version of nvm for Windows. Aliased as v.
 //这时就表示nvm安装成功了

安装node.js

这时候我们就可以安装node了,在终端输入命令:nvm ls-remote,用来查看远端的node版本,当然,你可能看不到结果,此时,你就需要输入另一个命令:export NVM_NODEJS_ORG_MIRROR=http:nodejs.org/dist,然后再输入nvm ls -remote

这时候使用命令nvm install [node版本号]

等到进度条走完,输入命令 nvm list 来查看当前安装的node

Node.js的环境安装配置(使用nvm方式)

node.js版本切换

可以看到当前安装的有4.3.1版本,那么我么使用 nvm use 4.3.1就可以指定当前使用的node版本为4.3.1,4.3.2后边也会出现(当前使用的标志),当然,我们可以再去下载一个node版本,例如:

Node.js的环境安装配置(使用nvm方式)

等到进度条走完,这是我们就有了5.7.0和4.3.1两个版本了:这时我们可定是想要去在两个版本之间自如的去切换的,这是我们还需要配置一个文件,就是nvm 中的setting文件:

 Node.js的环境安装配置(使用nvm方式) 

打开文件进行配置

Node.js的环境安装配置(使用nvm方式)    

如上,根据自己的文件目录进行配置,root表示的是当前nvm中内容的地址,path则是需要写入环境变量中的地址path中,会在当天dev/ 文件下生成一个nodejs快捷方式,来作为指向当前使用的node版本的快捷方式

Node.js的环境安装配置(使用nvm方式)

如图所示

当我们配置好了之后,就可以进行node版本的切换了:

Node.js的环境安装配置(使用nvm方式)

这是我们会发现dev文件中生成了一个nodejs的快捷方式,点击这个快捷方式,就可以调转到当前使用版本的nodejs中,当然,安装好了nodejs之后,node还有一个npm(node package manage),这个工具,在新版本的node中已经集成了进来,所以我们可以直接使用了,通过npm我们不仅可以下载node的各种包,我们还可以下载各种在npm生态网上的包,例如jQuery,angularJS,bootstrap,等等很多包,还包括gulp,bower,grunt等等工具。

总结

以上就是这篇文章的内容内容,大家都学会了吗?希望这篇文章的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
May 11 Javascript
jQuery+ajax简单实现文件上传的方法
Jun 03 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
基于 D3.js 绘制动态进度条的实例详解
Feb 26 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
Vue Prop属性功能与用法实例详解
Feb 23 Javascript
vue指令做滚动加载和监听等
May 26 Javascript
浅析TypeScript 命名空间
Mar 19 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
Apr 07 Javascript
浅析我对JS延迟异步脚本的思考
Oct 12 Javascript
element-ui封装一个Table模板组件的示例
Jan 04 Javascript
javascript 动态样式添加的简单实现
Oct 11 #Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
Oct 11 #Javascript
javascript 动态脚本添加的简单方法
Oct 11 #Javascript
js HTML5上传示例代码完整版
Oct 10 #Javascript
JavaScript  event对象整理及详细介绍
Oct 10 #Javascript
快速解决js开发下拉框中blur与click冲突
Oct 10 #Javascript
JavaScript 闭包机制详解及实例代码
Oct 10 #Javascript
You might like
PHP删除HTMl标签的实现代码
2013/06/30 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
js常用函数 不错
2006/09/08 Javascript
firefox插件Firebug的使用教程
2010/01/02 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
JavaScript遍历求解数独问题的主要思路小结
2016/06/12 Javascript
jQuery 全选 全部选 反选 实现代码
2016/08/17 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
jquery代码规范让代码越来越好看
2017/02/03 Javascript
Bootstrap导航中表单简单实现代码
2017/03/06 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
浅谈vue异步数据影响页面渲染
2019/10/29 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
Python编程之序列操作实例详解
2017/07/22 Python
python距离测量的方法
2018/03/06 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
Python识别验证码的实现示例
2020/09/30 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
手把手教你用纯css3实现轮播图效果实例
2017/05/04 HTML / CSS
茵宝(Umbro)英国官方商店:英国足球服装生产商
2016/12/29 全球购物
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
size?法国官网:英国伦敦的球鞋精品店
2020/03/15 全球购物
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
寝室长工作失责检讨书
2014/10/06 职场文书
博士导师推荐信
2015/03/25 职场文书