NodeJs+nvm安装及环境配置

NodeJs+nvm安装及环境配置

参考资料: https://www.jianshu.com/p/0d591ad6d60d

1. NVM的安装与配置

node的版本管理控制器

由于以后的开发工作可能会在多个Node版本中测试,而且Node的版本也比较多,所以需要这么款工具来管理

安装操作步骤

  1. 下载:nvm-windows,我们选择latest中的第一个:nvm-noinstall.zip,点击下载。

    image-20200801220033530.pngimage-20200801220033530

  2. 下载完成后解压到一个地方,我的是在D:\Node 里面的文件列表是这样的:elevate.cmd、elevate.vbs、install.cmd、LICENSE、nvm.exe,

    image-20200801220211436.pngimage-20200801220211436

  3. 双击 install.cmd 然后会让你输入”压缩文件解压或拷贝到的一个绝对路径” 先不用管它,直接回车,成功后,会在C盘的根目录生成一个settings.txt的文本文件,把这个文件剪切到D:\Node\nvm目录中,然后我们把它的内容修改成这样:

    root: D:\Node\nvm path: D:\Node\nodejs arch: 64 proxy: none

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

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

  • root 配置为当前 nvm.exe 所在目录

  • path 配置为 node 快捷方式所在的目录(后面用nvm use 版本号才生成node快捷方式,先填着)

  • arch 配置为当前操作系统的位数(32/64)

  • proxy 不用配置


  1. 配置环境变量 可以通过 window+r  : sysdm.cpl(都配置到用户变量中)

  • NVM_HOME = 当前 nvm.exe 所在目录

  • image-20200801212416663.png

  • NVM_SYMLINK = node 快捷方式所在的目录

    image-20200801212512223.png

  • PATH += %NVM_HOME%;%NVM_SYMLINK%;

    如果添到用户变量nvm命令无法使用的话,再把%NVM_HOME%;%NVM_SYMLINK%添加到系统变量path中即可SystemPropertiesAdvanced_EBEMws6Ctx

    SystemPropertiesAdvanced_EBEMws6Ctx.png

  • 打开CMD通过set [name]命令查看环境变量是否配置成功,如下图

    image-20200414160754834.pngimage-20200414160754834

  • PowerShell中是通过dir env:[name]命令

    notepad_JpKePMggNI.pngnotepad_JpKePMggNI

  1. NVM使用说明:https://github.com/coreybutler/nvm-windows/

  2. cmd命令

    nvm ls//查看当前安装所有的版本nvm install latest//安装最新版本nvm use 版本号//使用某个版本的nodejs

nvm install

PPEg6PudDZ.png

使用nvm下载后,下载的node版本就会保存在D:\Node\nvm目录下

nvm use

下载该版本后,还有用nvm use 版本号去使用它,这里就是 nvm use 14.7.0,使用之后该版本的快捷方式就会出现在上面path: D:\Node\nodejs指定的目录

explorer_FsEofOc9YA.png

nvm ls

查看当前已安装所有的版本

image-20200801222557122.png

2. NPM的全局配置

默认情况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看

cmd_O2Mkowo9AP.pngimage-20200801130549130


image-20200801130549130.png

我们可以下载一个全局包试试看,执行命令npm install -g express,可以看到,确实是下载到了c盘下面

image-20200801164204207.png

首先进入命令模式,输入 npm config set prefix "D:\Node\nvm\node_global" 回车,这是在配置npm的全局安装路径,然后在用户文件夹C:\Users\Administrator下会生成一个.npmrc的文件,用记事本打开后可以看到如下内容:

prefix=D:\Node\nvm\node_global

然后继续在命令中输入: npm install express-g 回车后会发现正在下载npm包,在D:\Node\nvm\node_global目录中可以看到下载中的文件,以后我们只要用npm安装包的时候加上 -g 就可以把包安装在我们刚刚配置的全局路径下了。

explorer_lMZlXel19b.pngexplorer_lMZlXel19b

将NPM目录配置到其他目录时,必须将该目录放到环境变量中,否则无法使用


默认的全局安装路径是:当前nodejs版本的node_modules中。如果安装了NVM,在版本切换的时候会连带node_modules也切换过去,因此我们需要修改npm的全局安装路径。我们可以在当前与所有nodejs所有版本的同级下新建一个名node_global的文件夹,把NPM的全局安装路径配置到这个文件夹中,这样即使切换不同版本node也不影响node_modules的使用,因为已经放到了一个公用的目录里边。这样操作就更为方便

image-20200801225855712.png


我们为这个npm配置环境变量: 变量名为:NPM_HOME,变量值为 :%NVM_HOME%\node_global

image-20200416144057556.png

在Path的最前面添加;%NPM_HOME%,注意了,这个一定要添加在 %NVM_SYMLINK%之前,所以我们直接把它放到Path的最前面

SystemPropertiesAdvanced_QbD52Aj6g2.png

至此,所有配置已完成,我们可以测试以下,全局安装一个mysql包,看看会不会安装在我们配置的路径中

image-20200801230955613.png

安装完后,mysql确实安装在了我们定义的路径中,至此,所有安装就已经完成了

explorer_OY87kmDL0L.pngexplorer_OY87kmDL0L

扩展:

淘宝cnpm安装:

npm install -g cnpm --registry=https://registry.npm.taobao.org

nrm 的安装

nrm就是npm registry manager 也就是npm的镜像源管理工具,有时候国外资源太慢,那么我们可以用这个来切换镜像源。 我们只要通过这个命令: npm install -g nrm 就可以实现安装。

  • 命令:nrm ls 用于展示所有可切换的镜像地址

  • 命令:nrm use cnpm 我们这样就可以直接切换到cnpm上了。当然也可以按照上面罗列的其他内容进行切换


至此,整个安装已结束。下面额外补充一下用安装包方式安装nodejs


3. nodejs安装包方式下载

下载地址:https://nodejs.org/zh-cn/download/根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包

.msi和.zip格式区别:1、.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。2、.zip是一个压缩包,解压之后即可,不需要安装

image-20200801124658393.png

下载完成后,双击安装包,开始安装,一直点next即可,安装路径默认在C:\Program Files下,也可以自定义修改

image-20200801124944719.png

image-20200801124944719

我是放在D:\Node\nvm\

image-20200801125119795.png

Node.js runtime 表示运行环境npm package manager表示npm包管理器online documentation shortcuts 在线文档快捷方式Add to PATH添加到环境变量

安装完成如图所示

image-20200801135857189.png

安装完成后,.msi格式的安装包已经将node启动程序添加到系统环境变量path中,查看系统变量验证

SystemPropertiesAdvanced_78poFFyRfO.png

既然已经将node程序添加到全局系统变量,我们可以直接在CMD窗口中任意位置执行node,打开CMD窗口,执行命令node -v查看node版本

image-20200801125629407.png

最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本

image-20200801125732287.png

评论 抢沙发

表情
  1. 来自广东广州(huangshaomo)用户的评论:2019-10-13 17:09:03
    (#1)

首页上一页12下一页尾页