首先确保自己的电脑是首次安装nodejs相关的软件,安装nvm之前必须确保电脑无nodejs。
1.nvm的安装
在github上寻找合适的版本,我安装的是v1.12版本。Releases · coreybutler/nvm-windows · GitHub
windows下就下载如下图所示的nvm-setup.exe文件
选择nvm的安装路径
选择nodejs的安装路径
然后就可以一路next,install了。
在安装完成之后,系统环境变量会出现NVM_HOME 、 NVM_SYMLINK 前者是nvm的安装路径,设置全局可访问nvm,主要是为了cmd方便输入命令,后者是nvm 用来放置当前活跃 Node.js 版本的符号链接的地方
如果卸载过nvm,重新安装但是卸载时没有删除系统环境变量,会出现nvm版本切换不成功以及cmd无法搜寻到当前使用的nodejs。
2.配置nvm下载源(看自己需求)
在nvm/settings.txt下,添加两句
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
3.nvm命令
中文nvm文档很齐全nvm文档手册 - nvm是一个nodejs版本管理工具 - nvm中文网
4.node_cache以及node_global的配置
在安装nvm时指定的nodejs存放文件中新建node_cache以及node_global两个文件
在系统变量Path中添加这一句
然后在cmd窗口输入下面两条命令,然后可以加一条进行检查 npm config get prefix则是查看全局模块的配置。
# 设置全局模块安装路径
npm config set prefix "path\node_global"
# 设置全局缓存存放路径
npm config set cache "path\node_cache"
#查看配置
npm config get
例如我的nodejs设置安装路径为
就填写 npm config set prefix "C:\tools\nodejs\node_global"
5.安装vue以及vue-cli
输入
npm install -g vue
npm install -g vue-cli
为什么下载vue-cli,而不是@vue/cli,因为可能缺失vue.cmd这个文件,执行完npm install -g vue-cli命令后可以出现vue.cmd文件。才可以输入node -v检查node的版本。
遇到的问题
nvm use无法成功切换版本,重新卸载干净后,重新安装就成功了,重装的是最新的1.12版本的nvm。
切换的效果如下