推荐node工具fnm下载到使用(用windows系统做的演示)

10 阅读3分钟

一、认识fnm

展开看介绍(给不熟悉fnm的小伙伴看的)
fnm 是高性能 Node.js 版本管理器,支持 Windows、macOS、Linux;
比nvm启动更快、内存占用更低可一键安装/切换多版本 Node.js;
且能读取.nvmrc或.node-version文件实现项目目录自动切换版本,是前端/Node开发者的常用工具。

fnm下载node

image

官方的方式去下载node

image

二、下载fnm

1. 打开node官方: nodejs.org/en/download

image

2. fnm下载地址: github.com/Schniz/fnm

image image image

三、配置 FNM.exe 环境变量

1. 把 exe 文件放到 c 或者 d 按照个人喜好放置,路径不能有中文文件名!!!

image

2. 添加到path 环境变量里,用户环境变量或系统变量都可以

image

3. 打开 powershell 管理员工具运行 fnm --version 检查 fnm 是否配置成功

image

四、配置 notepad $profile 文件(每次配置环境变量或系统有关系,都需要重新打开powershell窗口)

1. 用 powershell 输入 notepad $profile 提示(系统找不到指定路径)

2. 输入$profile得到一个路径:

image

3. 找到上面给的地址(C:\Users\Administrator\Documents)

① 生成WindowsPowerShell文件夹

image

② 在WindowsPowerShell文件夹中生成Microsoft.PowerShell_profile.ps1 文件

image 内容:fnm env --use-on-cd | Out-String | Invoke-Expression

提示: 大部分人在重新启动powershell 会有一个报错提示没有权限,打开报错链接里的地址。 在控制台输入 Set-ExecutionPolicy Remotesigned -Scope CurrentUser 在重启就没问题了

五、配置 node 镜像地址

1. 访问镜像网址:www.npmmirror.com/

image

2. 配置FNM_NODE_DIST_MIRROR 环境变量,在用户变量里添加

image

改之前

图片3.png

改之后

图片4.png

六、配置 node 存储路径(如果电脑只有一个c盘可以跳过这步)

1. 配置FNM_DIR环境变量,在用户变量里添加(这个D:\fnm可以配置成别的路径,路径里最好不要有中文)

image

改之前

图片1.png

改之后

图片2.png

七、常用命令(如果是老手到这步完事了)下载好node一定要设置一个默认node版本(fnm default)

1. 首先需要了解一个基础命令 fnm -h 记不住命令的时候找它就对了

image

2. fnm install 下载 node 版本,命令如下(可以精确到小版本):

(一)node 版本号有什么含义为什么是两个点例如:18.17.1(major.minor.patch)major (主版本).minor (次要版本).patch (补丁版本)

(二)fnm install 18 它就会去下载 20 本版本里的最高版本

(三)fnm install 18.1 它就会去下载 18.1.0 image

3. fnm list 查看所有的 node 版本:

image

4. fnm default 默认版本命令,node 的默认版本。

(1)每次打开控制台都是这个版本号,通过 fnm default 18 就可以实现

(2)这里为什么用 18,因为 fnm 里可以写大版本回去你安装好的 node 文件里找对应 18 的 node image

5. fnm use 切换 node 版本

(一)现在我想不动默认版本,实现切换 node 版本怎么弄

(二)fnm use 14 和default 命令类似

image

6. fnm uninstall 卸载 node

(一)fnm uninstall 18 输入完成后直接卸载,

(二)如果 18 版本有多个,你需要在后面写成固定的,18.1 或者 18.1.0 image

八、番外(课外话题)

JetBrains旗下所有的开发软件(idea、webstorm等)需要配置一下node路径 image image