推荐node工具fnm下载到使用(用windows系统做的演示)
一、认识fnm展开看介绍(给不熟悉fnm的小伙伴看的)fnm 是高性能 Node.js 版本管理器,支持 Windows、macOS、Linux;比nvm启动更快、内存占用更低可一键安装/切换多版本 Node.js;且能读取.nvmrc或.node-version文件实现项目目录自动切换版本,是前端/Node开发者的常用工具。fnm下载node
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302150329596-1628904739.png
官方的方式去下载node
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302150347517-1233580916.png
二、下载fnm
[*]打开node官方: https://nodejs.org/en/download
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302145904689-1609768549.png
[*]fnm下载地址:https://github.com/Schniz/fnm
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302145906820-2083474801.png
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302150951628-7906654.png
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302151059324-1464017039.png
三、配置 FNM.exe 环境变量
[*]把 exe 文件放到 c 或者 d 按照个人喜好放置,路径不能有中文文件名!!!
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302151349949-1547959597.png
[*]添加到path 环境变量里,用户环境变量或系统变量都可以
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302151357509-1614317345.png
[*]打开 powershell 管理员工具运行 fnm --version 检查 fnm 是否配置成功
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302151404873-247709027.png
四、配置 notepad $profile 文件(每次配置环境变量或系统有关系,都需要重新打开powershell窗口)
[*]用 powershell 输入 notepad $profile 提示(系统找不到指定路径)
[*]输入$profile得到一个路径:
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152003322-167090304.png
[*]找到上面给的地址(C:\Users\Administrator\Documents)
① 生成WindowsPowerShell文件夹
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152307931-1096326221.png
② 在WindowsPowerShell文件夹中生成Microsoft.PowerShell_profile.ps1 文件
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152314755-1142968822.png
内容:fnm env --use-on-cd | Out-String | Invoke-Expression
提示: 大部分人在重新启动powershell 会有一个报错提示没有权限,打开报错链接里的地址。
在控制台输入 Set-ExecutionPolicy Remotesigned -Scope CurrentUser 在重启就没问题了
五、配置 node 镜像地址
[*]访问镜像网址:http://www.npmmirror.com/
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152603820-2129125137.png
[*]配置FNM_NODE_DIST_MIRROR 环境变量,在用户变量里添加
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152610116-1068593849.png
改之前
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152613255-1319308112.png
改之后
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152616145-1957122337.png
六、配置 node 存储路径(如果电脑只有一个c盘可以跳过这步)
[*]配置FNM_DIR环境变量,在用户变量里添加(这个D:\fnm可以配置成别的路径,路径里最好不要有中文)
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152724221-1451826152.png
改之前
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152729720-1785055037.png
改之后
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302152737992-533647038.png
七、常用命令(如果是老手到这步完事了)下载好node一定要设置一个默认node版本(fnm default)
[*]首先需要了解一个基础命令 fnm -h 记不住命令的时候找它就对了
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302153106727-1290730353.png
[*]fnm install 下载 node 版本,命令如下(可以精确到小版本):
(一)node 版本号有什么含义为什么是两个点例如:18.17.1(major.minor.patch)major (主版本).minor (次要版本).patch (补丁版本)
(二)fnm install 18 它就会去下载 20 本版本里的最高版本
(三)fnm install 18.1 它就会去下载 18.1.0
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302153133646-869288466.png
[*]fnm list 查看所有的 node 版本:
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302153150840-1066716703.png
[*]fnm default 默认版本命令,node 的默认版本。
(1)每次打开控制台都是这个版本号,通过 fnm default 18 就可以实现
(2)这里为什么用 18,因为 fnm 里可以写大版本回去你安装好的 node 文件里找对应 18 的 node
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302153200868-2036209125.png
[*]fnm use 切换 node 版本
(一)现在我想不动默认版本,实现切换 node 版本怎么弄
(二)fnm use 14 和default 命令类似
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302153240786-1189078882.png
[*]fnm uninstall 卸载 node
(一)fnm uninstall 18 输入完成后直接卸载,
(二)如果 18 版本有多个,你需要在后面写成固定的,18.1 或者 18.1.0
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302153257250-410425442.png
八、番外(课外话题)
JetBrains旗下所有的开发软件(idea、webstorm等)需要配置一下node路径
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302153816229-1160771057.png
https://img2024.cnblogs.com/blog/3484355/202603/3484355-20260302153849823-1872907166.png
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! 收藏一下 不知道什么时候能用到 新版吗?好像是停更了吧。
页:
[1]