node.js安装版本管理

标签：node npm nodejs config js 版本 nvm 安装

一、安装nodejs（使用nvm的方式）

一、nvm说明
nvm 主要是用来管理 nodejs 和 npm 版本的工具，可以用来切换不同版本的 nodejs。
安装nvm之前先卸载node

Windows系统完全卸载删除 Node.js

1.打开cmd命令行窗口，输入npm cache clean --force 回车执行

2.打开控制面板，在控制面板中把Node.js卸载

3.移除之后检查环境变量是否也移除：点击Path，点击编辑。把环境变量中和node有关的全部移除，

4.重启电脑，这一步主要目的是清除正在执行的Node进程，如果你能在任务管理器中手动清除Node进程也是可以的，但对于小白来说重启电脑是最好的操作。

5.在cmd命令行中输入 where node 回车执行。如果有显示具体的目录，把这个目录删掉，以图中为例，这里我们就要删掉D盘下的nodejs文件夹，然后再重启。如果没有显示具体目录，说明已经卸载成功了。可以安心安装其他版本node了。

二、nvm下载

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

三、nvm安装

1.解压缩后点击exe文件进行安装

2.点击next，选择nvm安装路径：E:\NVM\nvm

3.nodejs路径：创建nodejs文件夹放在E:\NVM下

4.如果你本地已经有node版本，安装时nvm就会提示，点击“是”即可

5.添加配置

安装成功后打开nvm的安装目录，找到settings.txt文件

添加下面两行配置:

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

6.环境变量配置

①右击此电脑
②选择属性
③选择高级系统设置

⑤查看环境变量是否配置

测试
以管理员身份运行命令提示符

nvm -v 查看当前版本
nvm --config 
nvm list 查看已安装node版本列表
nvm install 版本号 下载对应node版本（如：nvm install 14.20.1）
nvm use 版本号 切换node版本
nvm on 开启nvm
nvm off 关闭nvm

2. 通过NVM安装Node, 配置NPM的全局安装路径

首先我们先安装一个nodejs版本，这里我们使用 v14.20.1版本为例

# 依次执行以下命令
nvm install 14.20.1
nvm ls
nvm use 14.20.1

查看是否安装成功

node -v
npm -v

安装成功后在配置NPM之前，我们先查看当前配置

npm config ls

默认全局的npm安装目录与缓存目录在【C:\Users\用户名\AppData\Roaming\npm】路径中，为了节省C盘空间提升速度，要将全局包安装在其他盘。
下图已经配置过全局缓存路径和全局安装路径，其中cachae和prefix分别对应的是全局缓存路径和全局安装路径

设置全局配置

# ""内请设置自己的全局路径
# 全局安装路径
npm config set prefix "D:\nodejs\node_globel"
# 全局缓存路径
npm config set cache "D:\nodejs\node_cache"
# 配置完后请确认配置成功
npm config ls

5.配置环境变量

npm 配置源：

// 查询源
npm config get registry

// 更换国内源
npm config set registry https://registry.npmmirror.com

全局安装yarn

# 全局安装yarn
npm install -g yarn
# 查看yarn 版本
yarn -v

当命令行成功输出了yarn的版本号就代表安装成功了。
注：若环境变量配置无误还出现命令行报错：‘yarn’ 不是内部或外部命令，也不是可运行的程序或批处理文件。 请重启后再尝试

yarn 配置源

// 查询源
yarn config get registry

// 更换国内源
yarn config set registry https://registry.npmmirror.com

1.下载node:

下载地址：https://nodejs.org/zh-cn/download/

node.js的zip包安装时是直接解压缩后就可以了,

node.js的msi包是傻瓜式一路next就可以了

2.选择一中方式就可以

3.安装完后，可以在打开CMD命令行中输入node -v 来查看安装版本和是否安装成功

此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西

环境变量设置并完成测试

说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。更改后可以节约c盘空间
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Program Files\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：

创建完两个空文件夹之后，打开cmd命令窗口，输入

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Program Files\nodejs\node_modules】

将【用户变量】下的【Path】修改为【D:\Program Files\nodejs\node_global】，更改后截图如下

将这一行删除换成上面这个目录

配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，
输入如下命令进行模块的全局安装： (当然可以不用)

npm install express -g   //-g是全局安装的意思
//Express 是基于Node.js平台的一个快速的Web开发框架

三、vue安装配置

说说vue2.0和vue3.0的区别：

vue3.0减少了build 和 config文件夹，其他用法和vue2.0差不多。

可以输入以下命令安装淘宝镜像，因为在国内，官方的镜像实在太慢（我没用慢就慢吧）

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

这时输入以下命令查看npm默认的镜像还是官方的

npm config list

所以我们要设置一下，将淘宝镜像设置成默认的

npm config set registry https://registry.npm.taobao.org

这时再查看默认镜像就是会是淘宝的了

安装webpack，在cmd中输入以下代码

npm install webpack -g

注意，如果webpack是4.0版本以上的，官方将webpack -cli从webpack分离了出来，所以是会提醒让你安装webpack -cli，这时输入no 之后按回车因为我们要安装全局的包，也就是上面的-g指令（对应上面的global文件夹），之后输入以下命令等待安装

 npm install webpack-cli -g

之后输入 webpack -v 测试安装是否成功

接下来安装vue脚手架

npm install @vue/cli -g

这是3.0新版的旧版的如果已经安装了，需要卸载一下，如果不确定可以输入vue --version 如果出现版本号并且低于3.0，需要卸载重装
输入 npm uninstall -g vue -cli 或者 yarn global remove vue -cli卸载 ,然后输入npm install -g @vue -cli 重装