node:js的运行环境
npm:管理js的第三方插件,node_modules
nvm:管理node的版本
—————不同的项目可能使用的node的版本不同,使用nvm可以快速下载不同版本的node,和切换不同版本的node
1、下载nvm
下载地址:地址
2、使用nvm
管理员身份进入cmd
检查nvm是否安装成功: nvm
在以下文件中配置node和npm镜像:
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
3、安装node
查看可安装的node版本:nvm ls available
下载想要的node版本:
nvm install node版本号
如:nvm install 16.0.0
查看自己安装的node版本,我装了好多个:
nvm ls
切换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/
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
1.卸载node-sass:
npm uninstall node-sass sass-loader
2.安装对应版本的node-sass:
npm install sass-loader@版本号 node-sass@版本号 --save-dev
以下是node-sass和sass-loader的部分版本号对应,具体可百度
最后,我本人用的以下版本,亲测好用
node: v12.12.0
npm: 6.11.3
sass-loader@7.3.1 node-sass@4.14.1