node环境搭建

518 阅读3分钟
2024/01/30
最近换硬盘重装系统,需要重搭环境,平时见初学者会问到一些关于node环境的问题,刚好记录分享一下。案例为win11环境(windows几乎通用)

一.安装node

  • 在安装包过程中网速慢或者github地址访问不了的情况下可配置文末镜像地址后再安装

1.下载node

至于node是什么这个可以到官网去看,下载地址Node.js — Download (nodejs.org)

下载页面当前时间如下,我自己下载的是node应用包而非安装工具。非特殊需求用户一般选择LTS,下载好后选择需要安装的位置直接解压即可。

image.png

2.配置环境变量

sysdm.cpl打开系统环境变量设置,如下操作后路径出现在表格中所有弹窗一定要点确定(记得不点好像配置不生效,当前时间没试想试的试一下)

image.png

image.png

3.测试node使用

任意cmd或shell输入如下测试软件是否正常使用。

image.png

如果不是对电脑环境比较讲究的话到此实际已经结束安装过程\color{red}{如果不是对电脑环境比较讲究的话到此实际已经结束安装过程}

———————————分割线———————————

二、配置npm包环境

开发过程中一般情况下都会用到npm包。npm配置一般会配置镜像、缓存、全局包位置方便使用更舒服,此时可以查看当前用户文件夹下没有 .npmrc\color{red}{.npmrc}这个文件。 命令行查看npm配置 npm config ls -l

image.png

会有userconfig = "C:\Users\当前用户\.npmrc"这一项配置 可以新建一个名为.npmrc的文件改当前与用户配置(windows也是可以登录多个用户的)。或者用命令行修改(下面为可能用到的部分命令用例)

  1. npm config get registry 查看当前npm包仓库地址地址
  2. npm config set registry registry.npmjs.org/ 设置npm包仓库为npm官方地址(地址可以根据自己需要修改)
  3. npm config get cache 查看npm缓存位置
  4. npm config set cache E:\node_cache 设置npm缓存位置E:\node_global
  5. npm config get prefix 查看本地全局npm包安装位置
  6. npm config set prefix E:\node_global 设置npm全局包位置为E:\node_global

更多命令查看npm config - npm 中文文档 (nodejs.cn)。当用命令的方式更改了一个配置后.npmrc会被npm创建在上述位置。 使用完npm config set prefix 后要将设置的文件夹按照 前面配置环境变量一样添加到变量中

三、nvm 和 nrm

这两个工具用不用看需要,有兴趣也可以下载源码看看然后自己实现一个。

nvm 下载安装

window可用的nvm 地址GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.

这个图展示的是默认地址可以要按照自己的意愿修改node快捷方式路径 image.png

下面由于之前安装了node的原因nvm会先检查环境中是否有node,(可以先删除之前安装的node和环境变量)既然安装了我不想再下载了就点了是,点是的话nvm会将之前的node放入当前nvm中。 image.png 此时测试nvm、node、npm。正常

image.png nvm使用命令:可使用nvm -h 查看全部可用命令

  • nvm ls 查看已安装版本
  • nvm list available 查看可以下载的版本
  • nvm install 【版本号】下载指定版本
  • nvm use 【版本号】 使用指定版本
  • nvm uninstall 【版本号】卸载指定版本
  • nvm node_mirror 【url】配置下载node的地址

nrm使用

nrm是为了在npm多个源之间切换方便可安装的一个npm包 官网文档nrm - npm (npmjs.com)

下面列几个常用的:

  • nrm ls 查看当前可用镜像列表
  • nrm use 【名称】 使用指定源
  • nrm add 【名称】【地址】 添加镜像列表

各个包国内开放镜像地址

  • nvm 配置node源:
  1. 腾讯:nvm node_mirror mirrors.cloud.tencent.com/nodejs-rele…
  2. 阿里:nvm node_mirror npmmirror.com/mirrors/nod…
  • npm配置npm包源地址:
  1. tencent ------ mirrors.cloud.tencent.com/npm/
  2. cnpm --------- r.cnpmjs.org/
  3. taobao ------- registry.npmmirror.com/
  • nvm国内下载站
  1. nvm.uihtm.com/nvm-1.1.10-… -网站--nvm文档手册 - nvm是一个nodejs版本管理工具 - nvm中文网 (uihtm.com)(不知道引用算不算侵权。。。若有冒犯还请告知)
  • node国内网站
  1. 下载 | Node.js 中文网 (nodejs.cn)