卸载原来的node.js:
参考卸载node
下载:
官方下载地址:https://github.com/coreybutler/nvm-windows/releases
推荐下载nvm-setup.zip这一个,可能有的下载教程会推荐你下载nvm-noinstall.zip,这个我试过,noinstall确实下载之后不用安装,但是得自己配置setting.txt文件,以及环境变量,反而更麻烦。
而nvm-setup.zip安装,直接可以帮我们把环境变量,以及setting都配置好,我们只需要一路下一步安装即可。我用的1.1.7版本。怕太低有其他的错误
安装
检验nvm是否安装成功:
步骤:win+R ——>cmd(调出命令行窗口) ——> nvm v
安装node.js:
1、查看安装版本
nvm ls available
2、下载、使用、检查
nvm install 16.15.0
安装成功之后,选择你本地需要使用的node.js版本,并且**会自动配置环境变量,不用自己去配置**
,命令如下
nvm use 12.7.0
检查node.js和npm是否安装成功,出现版本号,则说明安装成功,命令如下
node -v #检查node.js版本
npm -v #检查npm的版本
3、配置依赖路径
npm config set prefix "D:\tools\NVM\NodeJS"
npm config set cache "D:\tools\NVM\NodeJS"
必须使用这个,不要加 node_global和node_cache,因为环境变量只到了NodeJS这个文件夹,后期下载使用依赖才不会出错。
此时你的用户环境变量
此时你的系统环境变量
3、配置淘宝镜像
npm config set registry https://registry.npm.taobao.org
4、安装vue-cli和vue
vue-cli或者vue后面有@符号,表示安装的版本号,没有则默认安装最新版本
npm install -g @vue/cli@4.5.12 #安装vue-cli
npm install -g vue #安装vue
5、检查是否安装成功
vue -V 检查 vue-cli 是否安装成功
npm list vue 检查 vue 是否安装成功