nodejs,nvm,vue-cli脚手架的安装

1、下载nvm

建议github上下载最新版:
https://github.com/coreybutler/nvm-windows/releases

当前最新版为v1.1.12
在这里插入图片描述
拉到下面找到.exe安装包,点击即可下载

在这里插入图片描述

这是另外一个下载地址,不过版本不是最新的
https://nvm.uihtm.com/download.html

2、安装nvm

在这里插入图片描述

选择安装位置,建议非C盘
在这里插入图片描述

选择nodejs的位置(后续切换版本时的nodejs就在这个文件夹,建议非C盘)
在这里插入图片描述

命令行终端:nvm -v ,查看是否安装成功
在这里插入图片描述

3、设置nvm

安装完成后,系统变量内有两个新的环境变量(如果没有的话,自己添加下)
值与nvm安装文件夹下的setting.txt文件中的路径是一致的
在这里插入图片描述

在setting.txt文件中设置下载的镜像地址:
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

在这里插入图片描述

4、使用nvm安装nodejs

命令行终端: nvm list available,查看可选版本

在这里插入图片描述

命令行终端: nvm install 版本号
一般选择current当前版本,或者LTS长期支持版本。
在这里插入图片描述

命令行终端: nvm use 已安装的版本号,启用这个版本
在这里插入图片描述

命令行终端:node -v ,npm -v,查看node,npm是否安装完成
在这里插入图片描述

此时进入安装nvm时设置nodejs的安装位置D:\test\nodejs,也能发现里面有东西了
在这里插入图片描述

5、安装cnpm

命令行终端(D:\test\nodejs替换为你的nodejs路径,也就是刚才nvm内设置的nodejs路径):
npm config set prefix “D:\test\nodejs\node_global”
npm config set cache “D:\test\nodejs\node_cache”
在这里插入图片描述

命令行终端(如有创建文件无权限的问题,可以将整个nodejs文件夹进行权限设置,属性-安全-修改权限):
npm install -g cnpm --registry=https://registry.npm.taobao.org
从淘宝镜像安装cnpm
在这里插入图片描述

安装完成后的cnpm在nodejs下的node_global文件夹内
我们再设置一下环境变量
在这里插入图片描述

命令行终端:cnpm -v,查看cnpm是否安装成功
有以下报错的话,是window安装策略的问题,执行:Set-ExecutionPolicy -ExecutionPolicy RemoteSigned 命令,设置本地脚本都可以运行
在这里插入图片描述
安装完成
在这里插入图片描述

6、安装配置vue-cli脚手架

命令行终端(安装cli脚手架):cnpm install -g @vue/cli

在这里插入图片描述
在这里插入图片描述

命令行终端:vue --version,查看是否安装成功
在这里插入图片描述

7、安装其他版本的node

这边简要描述下。
1、nvm install 版本号,安装需要的nodejs
2、nvm list ,查看当前已安装的nodejs版本
在这里插入图片描述

3、nvm use 版本号,切换到这个版本
切换版本后相当于是把nodejs这个文件夹中的东西全部替换成另外一个版本了,所以cnpm,脚手架这些都是需要重新安装的。
4、再次配置npm(这一步我不知道是否需要重新设置,反正我重新设了,没出问题)
npm config set prefix “D:\test\nodejs\node_global”
npm config set cache “D:\test\nodejs\node_cache”
5、再次安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm的环境变量不需要重新配置了,直接cnpm -v 可以看到版本号的
6、再次安装cli
cnpm install -g @vue/cli
7、好了,两个版本的cnpm,cli都安装完成了,使用nvm切来切去也都没问题

8、卸载nodejs

命令行终端:nvm uninstall 版本号

  • 22
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值