nvm、node、npm、node-sass版本相关问题

淩亂°似流年 2024-04-06 14:07 68阅读 0赞

node：js的运行环境
    npm:管理js的第三方插件，node_modules
    nvm：管理node的版本
    —————不同的项目可能使用的node的版本不同，使用nvm可以快速下载不同版本的node，和切换不同版本的node

### 1、下载nvm ###

下载地址：[地址][Link 1]  
![在这里插入图片描述][9aef3f1d81194985bb371b2ab65145d9.png]

### 2、使用nvm ###

管理员身份进入cmd
    检查nvm是否安装成功： nvm
    在以下文件中配置node和npm镜像：
    	node_mirror: https://npm.taobao.org/mirrors/node/
    	npm_mirror: https://npm.taobao.org/mirrors/npm/

![在这里插入图片描述][01034420551c428aa4b597fe8985fa8f.png]

### 3、安装node ###

查看可安装的node版本：nvm  ls  available

![在这里插入图片描述][3b62fd2f8ccc41f6b2cfca6616fb8020.png]

下载想要的node版本：
    nvm install node版本号
    如：nvm install 16.0.0

查看自己安装的node版本，我装了好多个：
    nvm ls

![在这里插入图片描述][e0c03bfa278d4027a3963af60477ac78.png]

切换node版本：
    nvm use 12.12.0

查看当前node版本：node -v
    我当前的node版本是12.12.0

安装node时，会默认安装npm
    查看当前npm版本：
    npm -v

### 4、使用npm安装js第三方插件库node\_modules ###

`以管理员身份进入vscode！！！装完之后重启vscode`

安装node_modules：  npm install

`若报错，大面是node的版本与npm的版本不对应，此时需要去百度node与npm版本对应表： https://nodejs.org/zh-cn/download/releases/`

![在这里插入图片描述][e69b9cda8c204ac6842493dfb04ba7b2.png]

1.清除npm缓存：  npm cache clean --force
    2.下载与node对应版本的npm： npm install -g npm@6.10.3
    3.重新下载node_modules:  npm install

`此时可能就换了一种报错了，说node-sass有问题，同样大面也是node-sass版本与node版本不对应，去百度查看两者对应表：https://www.npmjs.com/package/node-sass`  
![在这里插入图片描述][177665d1489543619f9f7ef332e730aa.png]  
![在这里插入图片描述][eb8825149ceb4e0f97f56e027857d1bb.png]

1.卸载node-sass: 
    	 npm uninstall node-sass sass-loader
    2.安装对应版本的node-sass：
    	 npm install sass-loader@版本号 node-sass@版本号  --save-dev

`以下是node-sass和sass-loader的部分版本号对应，具体可百度`  
![在这里插入图片描述][f9cba6dc115840fcb3998859ebc30f9a.png]

最后，我本人用的以下版本，亲测好用

node:  v12.12.0
    npm:   6.11.3
    sass-loader@7.3.1 node-sass@4.14.1

[Link 1]: https://github.com/coreybutler/nvm-windows/releases
[9aef3f1d81194985bb371b2ab65145d9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/66ceb7722020465cb01018043fad2d31.png
[01034420551c428aa4b597fe8985fa8f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c5a9c4570ab04522a3a6a1df58123446.png
[3b62fd2f8ccc41f6b2cfca6616fb8020.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e2dc2b00675d4c27b3f02fe7f668ed98.png
[e0c03bfa278d4027a3963af60477ac78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/be98df14f0fc43e08bee983ac31a4c97.png
[e69b9cda8c204ac6842493dfb04ba7b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/677c192cfd1746dbb4903f84768854b9.png
[177665d1489543619f9f7ef332e730aa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/540fd70ddee443369a34854256af03bf.png
[eb8825149ceb4e0f97f56e027857d1bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/8d50e927c0ff48cab3bc59e5bb9fe4fc.png
[f9cba6dc115840fcb3998859ebc30f9a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c2b2800b8ce54d84ae1bcdf738c1e41c.png