nvm安装详细教程(安装nvm、node、npm、cnpm、yarn及环境变量配置)

一、安装nvm

1. 下载nvm

点击 网盘下载 进行下载

2、双击下载好的 nvm-1.1.12-setup.zip 文件

3.双击 nvm-setup.exe 开始安装

4. 选择我接受,然后点击next

5.选择nvm安装路径,路径名称不要有空格,然后点击next

6.node.js安装路径,然后点击next

7.点击Install

8.点击Finish,完成安装

二、nvm修改镜像源

  • win + R ,输入cmd ,回车后,在命令行输入nvm root 命令,可以查看nvm的安装根路径在那个文件夹
  • 在文件管理器地址栏输入root地址 ,找到setting.txt文件并打开
  • 复制粘贴以下代码,如图所示。保存完成nvm源修改。
javascript 复制代码
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/

三、nvm常用命令

  • nvm install <version>:安装指定版本的 Node.js。
  • nvm use <version>:切换到指定版本的 Node.js。
  • nvm ls:列出已安装的所有 Node.js 版本。
  • nvm alias <name> <version>:给指定版本创建别名。
  • nvm run <version> <script>:在指定版本下运行脚本。
  • nvm current:显示当前正在使用的 Node.js 版本。
  • nvm uninstall <version>:卸载指定版本的 Node.js。

四、nvm配置环境变量

  • 环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->
  • 确认与如下配置保持一致(默认nvm安装成功后,会自动生成)
  • win + R ,输入cmd ,回车后,在命令行输入nvm -v 命令,返回版本号,证明配置成功。

五、安装nodejs及环境变量配置

1.通过nvm安装node

  • 查看node.js最新的一批版本(版本号:偶数是绝对稳定版本 基数是不一定稳定版本)
  • nvm list available
  • 安装指定的版本:nvm install 10.23.0
  • 查看安装的所有版本:nvm list 或 nvm ls
  • 进入或切换版本:nvm use 18.15.0
  • 安装成功后会成对应的文件夹,如下图所示
  • 检查是否安装成功: node -v 查看node的版本、npm -v 查看npm的版本

2.node环境变量配置

(1) 配置全局安装的模块路径和缓存路径
  • 首先在NVM的安装目录新建两个文件夹 node_global和node_cache
  • 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径)
javascript 复制代码
npm config set prefix "D:\software\nvm\node_global"
npm config set cache "D:\software\nvm\node_cache"
(2)设置用户变量
  • 【用户变量】中的path变量,%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。如果没有,新建进去。
  • 如果有C:\Users\用户名\AppData\Roaming\npm,则将其修改为D:\software\nvm\node_global(刚刚新建node_global文件夹的位置),如果没有就自己新建D:\software\nvm\node_global,总之保证有以下图片中内容
(3)设置系统变量
  • path变量的设置和用户变量中一致
  • 新建环境变量 NODE_PATH,值为D:\software\nvm\node_global\node_modules,其中D:\software\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹

3.测试

  • 全局安装最常用的 express 模块 进行测试
  • npm install express -g
  • 完成后会得到一个express的文件

4.设置淘宝的镜像并查看

javascript 复制代码
npm config set registry https://registry.npmmirror.com/
 
npm config get registry

六、全局安装cnpm

  • cnpm 本身就是国内的 因此无需配置镜像
javascript 复制代码
npm install -g cnpm --registry=https://registry.npmmirror.com/

或

npm install -g cnpm
  • 查看cnpm版本
javascript 复制代码
cnpm -v
 
npm list cnpm -g

七.全局安装yarn

1.yarn安装

javascript 复制代码
npm install yarn -g 

2.设置淘宝的镜像并查看

javascript 复制代码
// 查看镜像
yarn config get registry
// 修改镜像
yarn config set registry http://registry.npm.taobao.org/

八、笔者的安装目录结构

小编全局安装了cnmp、expo-cli、express、vue、yarn

相关推荐
拾光拾趣录3 分钟前
CSS 深入解析:提升网页样式技巧与常见问题解决方案
前端·css
莫空00004 分钟前
深入理解JavaScript属性描述符:从数据属性到存取器属性
前端·面试
guojl5 分钟前
深度剖析Kafka读写机制
前端
FogLetter6 分钟前
图片懒加载:让网页飞起来的魔法技巧 ✨
前端·javascript·css
Mxuan6 分钟前
vscode webview 插件开发(精装篇)
前端
Mxuan7 分钟前
vscode webview 插件开发(交付篇)
前端
Mxuan9 分钟前
vscode 插件与 electron 应用跳转网页进行登录的实践
前端
拾光拾趣录9 分钟前
JavaScript 加载对浏览器渲染的影响
前端·javascript·浏览器
Codebee9 分钟前
OneCode图表配置速查手册
大数据·前端·数据可视化
然我10 分钟前
React 开发通关指南:用 HTML 的思维写 JS🚀🚀
前端·react.js·html