windows安装NodeJS/修改全局路径/安装node版本管理nvm/配置镜像站/安装nrm切换 npm 源

windows安装NodeJS

• node：是一个基于 Chrome 的 V8 JavaScript 引擎构建的JavaScript 运行时 /运行环境
• npm：是 node.js 默认的包管理系统（用 JavaScript 编写的），用来管理 node.js 中的第三方插件；新版本的 node 在安装的时候，会自动安装对应版本的 npm
• nvm：node 版本管理器，也就是说：一个 nvm 可以管理多个 node 版本（包含 npm 与 npx），可以方便快捷的 安装、切换 不同版本的 node。有时候不同项目可能需要不同版本的 node，建议安装nvm
• nrm： npm 源的管理工具，可以用来方便的切换 npm 源，切换镜像源来提升npm 下载速度，建议安装nrm
• 其他：

• • yarn：经过重新设计的崭新的 npm 客户端；运行速度显著提升，整个安装时间比 npm 少。一般推荐使用 yarn 代替 npm

  • npx：一个 npm 包执行器。我们可以使用 npx 来执行各种命令。

准备工作

 (1)node官网与下载地址：（选择window的,msi格式，下载后点击.msi下一步下一步进行安装）

https://nodejs.org/en

(2)node历史各版本下载地址：

https://nodejs.org/en/blog/release/

(3)node中文网：

https://nodejs.cn 

https://nodejs.org/zh-cn/download

(4)注意nodejs版本：

win7系统不支持安装版本14以上【如果需要安装14版本或以上，使用系统win10】
选择安装目录，例如： E:\ProgramFiles4Nodejs\nodejs\

 

 

1.选择格式.Msi类型的安装

下载window的,msi格式文件，之后选择文件连续点击按钮next ,安装过程注意步骤Custom stop:add to path(选择添加环境变量)->点击Next
在命令行窗口输入以下命令，检查node.js和npm的版本号，成功显示则安装成功。
node -v
npm -v

2.配置：修改package的全局路径或npm缓存路径【非必须】

2.1路径查看
npm config get cache
npm config get prefix

npm prefix -g 

2.2路径修改：docs命令下运行以下2条命令
npm config set cache "e:\ProgramFiles4Nodejs\nodejs\node_cache"
npm config set prefix "e:\ProgramFiles4Nodejs\nodejs\node_global"

2.3：我的电脑-->属性-->高级系统设置-->环境变量

以下配置是为了node.exe,npm.cmd：先检查配置是否已存在
在【系统变量】
a)如果安装时候已经配置不需要再配置：安装过程注意步骤Custom stop:add to path(选择添加环境变量)
b)环境变量系统变量配变量名为 “PATH”变量追加 变量值为E:\ProgramFiles4Nodejs\nodejs
c)或者环境变量系统变量配置“NODE_HOME”变量值为E:\ProgramFiles4Nodejs\nodejs ，
变量名为 “PATH”变量追加 %NODE_HOME%

 

以下配置是为了node-package的全局路径

(1)在【用户变量】

在【用户变量】里的：新建变量名或者设置Path， 值为“e:\ProgramFiles4Nodejs\nodejs\node_global“ (注意换成自己的路径)

(2)在【系统变量】

在【系统变量】里的：Path中追加， 值为“e:\ProgramFiles4Nodejs\nodejs\node_global“ (注意换成自己的路径)

在【系统变量】新建变量名“NODE_PATH”，值为“e:\ProgramFiles4Nodejs\nodejs\node_global\node_modules” (注意换成自己的路径)

(3)检查是否全局模块配置成功 ： 输入下下面命令可以看到目录已经改变了
>npm root -g
>npm list -global # npm config list 显示所有配置信息，我们关注一个配置文件

 

3.配置镜像站

检查一下镜像站命令
npm config get registry
输入命令配置镜像站
npm config set registry=http://registry.npm.taobao.org

 

下载项目运行：

参考项目：https://github.com/PanJiaChen/vue-admin-template

# clone the project
git clone https://github.com/PanJiaChen/vue-admin-template.git

# enter the project directory
cd vue-admin-template

# install dependency
npm install

# develop
npm run dev

 

使用vue cli3创建项目运行

npm uninstall vue-cli -g
npm install -g @vue/cli 
vue create  app1
->default(选默认的包含了基本的 Babel + ESLint 设置的 preset)

 npm run serve

4.管理node版本：nvm

(1) 下载地址： 官网：https://nvm.uihtm.com/ 

历史各版本下载地址：

 https://github.com/coreybutler/nvm-windows/releases

 (2) 选择格式：下载:nvm-setup.zip

 

选择下载：nvm-setup.zip,解压缩之后会有安装包,双击安装文件 nvm-setup.exe进行安装；

(3)安装路径：1.nvm 路径，2.对应的node 路径

需要注意的是如果之前就安装了node，也希望之前的node 版本给nvm 管理的话，这个node 路径需要和之前的node 路径一致；

安装路径默认是c盘，可以自己指定d盘的nvm文件夹，nodejs文件夹，以后所有node版本会下载到你指定的文件夹，例如：

D:\zhengfj\ProgramFiles\Nvm 
D:\zhengfj\ProgramFiles\nodejs

(4) 使用：备上nvm 的常用命令：

• nvm list ：查看已经安装的node 版本
• nvm ls ：列出所有node 版本
• nvm version ：查看当前的nvm 版本
• nvm install <version> ：安装指定的node 版本
• nvm use <version> ：切换使用指定的node 版本
• nvm uninstall <version> ：卸载指定的node 版本
• nvm current ：显示当前使用的node 版本
• nvm alias <name> <version> ：给不同的node 版本号添加别名
• nvm unalias <name> ： 删除已定义的别名
• nvm on ：打开nodejs控制
• nvm off ：关闭nodejs控制
• nvm proxy ：查看设置与代理
• nvm node_mirror [url] ：设置或者查看setting.txt中的node_mirror，如果不设置的默认是 https://nodejs.org/dist/
• nvm npm_mirror [url] ：设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是： https://github.com/npm/npm/archive/.
• nvm use [version] [arch] ：切换制定的node版本和位数
• nvm root [path] ：设置和查看root路径

例如：

 nvm install  14.4.0   

 nvm use 14.4.0

(5) 错误解决：版本问题

通过nvm 安装 node 14.4.0 版本的时候 安装的 npm 报错了！！！

解决方案一： 直接nvm 重新下载该 node 版本即可；

解决方案二： 前往 npm镜像网站 【https://registry.npmmirror.com/binary.html?path=npm/】将对应的版本下载下来，解压到 node_modules并改名为npm，进入该文件夹，将bin文件夹内的npm、npm.cmd、npx、npx.cmd四个文件拷贝到对应的node版本的文件夹下； 不知道node 版本对应的npm 版本是多少的可以查看：node 以往版本【https://nodejs.org/zh-cn/download/releases】

5.管理镜像：nrm

npm是一款非常好用的包管理工具，在前端开发中很多时候都会使用npm安装其他包文件。但是，npm安装某些包时有时会安装地很慢，这是因为npm管理的源中有些是国外的，包下载的时候需要花费很多时间甚至需要FQ。当然国内开发者通用的做法就是修改npm的源，将其改为国内源，例如淘宝等。说到这里，不得不说nrm这个工具，它可以管理npm的所有源，也可以支持源的切换等，现在就来研究一下nrm的使用。

(1)  安装

//安装
npm install nrm -g

 (2)  使用：

//nrm常用的命令
nrm ls 列举所有的源
nrm current 查看当前正在使用的源
nrm use <registry> 切换源
nrm add <registry> <url> [home] 添加自定义的源【一般添加自己私有的源】
nrm set-auth [options] <registry> [value] 给自定义的源设置验证
nrm set-email <registry> <value> 给自定义的源设置邮件
nrm set-hosted-repo <registry> <value> 给自定义的源设置主机仓库
nrm del <registry> 删除自定义的源
nrm home <registry> [browser] 用浏览器啊打开源的主页
nrm publish [options] [<tarball>|<folder>] Pub 为自定义的源发布包
nrm test [registry] 测试源