首先最重要的是:一定要卸载已安装的 NodeJS,否则会发生冲突。
1、下载nvm
https://github.com/coreybutler/nvm-windows/releases
1.1、创建安装目录:C:\DevProgramFiles\nodejs,在此目录下创建两个子目录nvm和currentnode。
C:\DevProgramFiles\Node\currentnode
C:\DevProgramFiles\Node\nvm
1.2、解压nvm-noinstall.zip
将nvm-noinstall.zip解压到C:\DevProgramFiles\nodejs\nvm目录中。
以管理员身份运行nvm目录中的install.cmd,回车,会在根路径下(C:)生成一个settings.txt文件,修改文件中的配置信息,并剪切到C:\DevProgramFiles\nodejs\nvm路径下。
root:代表nvm.exe所在的文件夹路径
path为自定义的文件夹(nvm会把用户当前所使用版本的node.exe等文件移动到这个目录下,目录内容根据用户的选择而发生变化)
其他不变
root: C:\DevProgramFiles\nodejs\nvm
path: C:\DevProgramFiles\nodejs\currentnode
arch: 64
proxy: none
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
1.3、配置环境变量,并添加到Path中
- NVM_HOME:C:\DevProgramFiles\nodejs\nvm
- NVM_SYMLINK:C:\DevProgramFiles\nodejs\currentnode
在path中添加
%NVM_HOME%
%NVM_SYMLINK%
1.4、重新打开cmd,测试nvm
nvm -version
2、安装node
nvm install <version> [arch] : The version can be a node.js version or "latest" for the latest stable version.
Optionally specify whether to install the 32 or 64 bit version (defaults to system arch).
2.1、安装最新的node
nvm install latest
如下提示,安装成功
C:\Users\Administrator>nvm install latest
Downloading node.js version 16.9.1 (64-bit)...
Complete
Creating C:\DevProgramFiles\Node\nvm\temp
Downloading npm version 7.21.1... Complete
Installing npm v7.21.1...
Installation complete. If you want to use this version, type
nvm use 16.9.1
C:\Users\Administrator>
2.2、安装其它版本
C:\Users\Administrator>nvm install 14.17.6 LTS
Downloading node.js version 14.17.6 (64-bit)...
Complete
Creating C:\DevProgramFiles\Node\nvm\temp
Downloading npm version 6.14.15... Complete
Installing npm v6.14.15...
Installation complete. If you want to use this version, type
nvm use 14.17.6
2.3、查看已安装的node版本
nvm list
C:\Users\Administrator>nvm list
16.9.1
14.17.6
2.4、切换版本
nvm use 16.9.1
2.5、查看当前使用的node版本
node -v
2.6、卸载node
nvm uninstall 版本号
3、nvm其它常用命令
yarn install:安装依赖
yarn build:打包项目
yarn start:启动项目
4、安装less
npm install less
配置IntelliJ IDEA
File-Settings-Tools-File Watchers,选择+号下的less,在弹出框中配置Tool to Run on Changes-Program为
C:\DevProgramFiles\nodejs\node_global\lessc.cmd
5、WebStorm配置node
File-Settings-Tools-Language & Frameworks-Node.js and NPM,配置Node interpreter为安装的node.exe路径,即C:\DevProgramFiles\nodejs\currentnode\node.exe
,配置Package manager为npm路径,即C:\DevProgramFiles\nodejs\currentnode\node_modules\npm
,保存即可。
测试运行js代码
右击运行需要执行的js文件即可