纯小白导入前端项目搭建前端环境fnm、nodejs、yarn
摘要本文详细介绍了 fnmFast Node Manager在 Windows 环境下的完整安装与配置流程包括 fnm 的安装、终端配置、常见问题解决以及使用 fnm 管理 Node.js 版本、安装 yarn 和启动前端项目的完整步骤。文章重点解决了 fnm 安装后 PowerShell 脚本执行权限问题、Node.js 安装时的访问拒绝错误并提供了 yarn 缓存目录配置和 vite 版本降级等实用技巧。目录搭建fnm环境windows安装fnm配置终端问题重新打开PowerShell报错安装nodejsPowerShell中执行问题error: Cant download the requested binary: 拒绝访问。 (os error 5)安装yarn安装查看cache目录设置cache目录安装依赖启动项目降级vite可选fnmFast Node Manager是一个快速、跨平台的 Node.js 版本管理工具类似于 nvm但启动速度更快且支持 Windows。它允许你在同一台机器上轻松安装、切换和管理多个 Node.js 版本通过简单的命令行指令即可完成版本切换非常适合需要同时处理多个项目的开发者。因为前端项目会使用不同的nodejs版本如果电脑安装的全局nodejs环境版本跟项目不对应有可能会导致编译和打包等一系列问题。所以前端开发必须fnm。搭建fnm环境windows安装fnm在PowerShell中执行winget install Schniz.fnmwingetWindows 自带的命令行包管理器Windows Package Manager作用类似 Linux 的 apt、macOS 的 brew用来一行命令装软件。install安装子命令。Schniz.fnm要安装的包的 ID。Schniz 是作者/发布者名fnm 是软件名Fast Node Manager一个用来管理多个 Node.js 版本的工具。winget 仓库里每个软件都有这种 发布者.软件名 的唯一 ID。配置终端打开终端自动生效fnm并且进入不同的下项目后根据项目中的.node-version文件中版本自动切换nodejs版本。打开环境变量配置文件# 创建/编辑 profile notepad $PROFILEnotepad用 Windows 记事本打开一个文件。$PROFILEPowerShell 的一个内置自动变量它指向你当前用户的“配置文件”路径通常是C:\Users\你的用户名\Documents\PowerShell\Microsoft.PowerShell_profile.ps1这个.ps1脚本的特殊之处在于——每次你打开一个新的 PowerShell 窗口它里面的内容都会被自动执行一遍相当于 Linux 的~/.bashrc/~/.zshrc。首次执行上述命令一般因为文件或目录不存在报错。如果报错了在PowerShell中执行检查$PROFILE # 看它到底指向哪 Test-Path $PROFILE # 文件在不在多半返回 False Test-Path (Split-Path $PROFILE) # 目录在不在你的情况这里也是 False ← 病根如果是目录和文件都不存在可以继续PowerShell中执行以下命令# 1. 建目录-Force 对目录一定会创建多级中间目录已存在也不报错 New-Item -ItemType Directory -Path (Split-Path $PROFILE) -Force | Out-Null 2. 建空文件没有才建 if (-not (Test-Path $PROFILE)) { New-Item -ItemType File -Path $PROFILE -Force | Out-Null } 3. 现在 notepad 就能正常打开了 notepad $PROFILE打开记事本后把下面内容粘贴到末尾保存关闭fnm env --use-on-cd --shell powershell | Out-String | Invoke-Expression上述命令中的 | 是管道符数据从左往右流动也就是说上述命令由三条命令组成。第①段fnm env --use-on-cd --shell powershellfnm env让 fnm 生成一段“环境初始化脚本”注意它本身不设置环境只是把脚本“打印”出来。这段脚本的作用是设置 PATH、定义切换版本的钩子函数等。--shell powershell告诉 fnm“请按 PowerShell 语法 生成这段脚本”fnm 还支持 bash、zsh、fish 等。--use-on-cd开启“切换目录时自动切换 Node 版本”的功能——当你 cd 进一个含有 .nvmrc 或 .node-version 文件的项目目录时fnm 会自动切到该项目要求的 Node 版本离开时再切回去。这正是截图标题说的“shell 自动切换”。第②段| Out-String把上一段输出的内容合并成一个完整的纯文本字符串。因为fnm env吐出来的是“一行行的字符串对象/数组”而下一步的执行命令要求输入是单个字符串所以用Out-String拼接一下避免格式错乱。第③段| Invoke-Expression把上一步得到的字符串当作 PowerShell 命令真正执行一遍。也就是说第①段只是“生成脚本”到这一步脚本才被实际运行环境变量和钩子函数这才被注入到当前会话里。整句意思生成 fnm 的 PowerShell 初始化脚本 → 转成字符串 → 立即执行它从而在当前终端里激活 fnm 并启用“进目录自动切 Node 版本”问题重新打开PowerShell报错配置后重新打开PowerShell可能会有如下错误错误提示因为在此系统上禁止运行脚本。直接在你当前这个 PowerShell 窗口里粘贴执行即可普通窗口就行不用右键“以管理员身份运行”因为我们只改“当前用户”的策略Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned -Force验证命令(可以执行上述命令前后都执行下此命令看下区别):Get-ExecutionPolicy -List关闭当前PowerShell窗口再次打开一个新的PowerShell窗口发现没有错误了安装nodejs在项目的package.json中有types/node: ^18.11.12这是给 TypeScript 用的 Node 类型定义 版本号直接反映开发时使用的 Node 主版本 团队用的是 Node 18。因为18.20.4是最后一个LTS版本所以安装这个版本PowerShell中执行fnm install 18.20.4 fnm use 18.20.4 node -v # 应输出 v18.20.4可以使用命令 fnm ls-remote 查看远程可供下载的版本问题error: Cant download the requested binary: 拒绝访问。 (os error 5)执行fnm install 18.20.4安装下载完成后报错如下Installing Node v18.20.4 (x64) 00:02:01 ████████████████████████████████████████████████████████████████████████ 27.40 MiB/27.40 MiB (230.36 KiB/s, 0s) error: Cant download the requested binary: 拒绝访问。 (os error 5)下载已经成功了进度条走完了 27.40 MiB死在解压/写入那一步。os error 5就是 Windows 的拒绝访问——fnm 想把node.exe写到自己的安装目录时被系统拦了。之前的 node、npm、甚至 VS Code / Trae 的终端后台都可能锁住 fnm 目录里的文件taskkill /f /im node.exe 2$null然后关掉所有终端窗口、关掉 Trae / VS Code重新开一个全新的 PowerShell再跑fnm install 18.20.4如果还是不行尝试以管理员身份打开PowerShell窗口执行上述命令。如果再不行就重启下电脑可能是不知名进程占用导致管理员身份运行PowerShell窗口再执行上述命令安装yarn项目中有yarn.lock文件说明是yarn进行编译运行的项目文件中第二行看到# yarn lockfile v1说明是用V1版本。安装命令采用corepack这种方式安装的yarn版本可以根据不同随着nodejs版本一块切换安装corepack enable # 进入项目根目录 cd …… # 安装 corepack prepare yarn1.22.22 --activate # 查看版本 yarn -v查看cache目录yarn cache dir设置cache目录yarn config set cache-folder D:\soft\yarn\cache安装依赖yarn install如果没有报错说明按爪依赖成功。启动项目yarn dev降级vite可选发现vite版本是4.5.1package.json中的版本是4.3.2可以降级处理yarn add -D vite4.3.2 --exact此时再次启动项目即可

相关新闻

终极暗黑破坏神2存档编辑器完全指南:重塑你的游戏体验

终极暗黑破坏神2存档编辑器完全指南:重塑你的游戏体验

终极暗黑破坏神2存档编辑器完全指南:重塑你的游戏体验 【免费下载链接】diablo_edit Diablo II Character editor. 项目地址: https://gitcode.com/gh_mirrors/di/diablo_edit Diablo Edit2是一款功能强大的暗黑破坏神2存档编辑器,它彻底改变了玩…

2026/7/28 23:31:01 阅读更多 →
如何轻松掌握BBDown:5个实用技巧快速下载B站视频

如何轻松掌握BBDown:5个实用技巧快速下载B站视频

如何轻松掌握BBDown:5个实用技巧快速下载B站视频 【免费下载链接】BBDown Bilibili Downloader. 一个命令行式哔哩哔哩下载器. 项目地址: https://gitcode.com/gh_mirrors/bb/BBDown 你是否曾经想要保存B站的精彩视频,却发现下载过程复杂繁琐&…

2026/7/28 23:30:00 阅读更多 →
Cocos Store开发者变现指南:从产品定位到商业运营的实战策略

Cocos Store开发者变现指南:从产品定位到商业运营的实战策略

1. 项目概述:从“上架”到“赚钱”的认知跃迁“在Cocos Store上挣到钱”,这大概是很多Cocos开发者心里都琢磨过,但又觉得有点模糊、有点遥远的一件事。我接触Cocos生态快十年了,从最早的Cocos2d-x到现在的Creator,看着…

2026/7/28 23:30:00 阅读更多 →

最新新闻

【独家首发】2024年AI知识付费平台流量算法白皮书(附12家平台最新权重因子清单)

【独家首发】2024年AI知识付费平台流量算法白皮书(附12家平台最新权重因子清单)

更多请点击: https://kaifayun.com 第一章:AI知识付费平台流量算法演进全景图 AI知识付费平台的流量分发机制已从早期的“人工推荐时间排序”跃迁至多模态融合的动态协同过滤系统。这一演进并非线性叠加,而是由用户行为粒度、内容理解深度与…

2026/7/28 23:41:09 阅读更多 →
解决90%主题安装难题:Merlin WP常见问题与调试技巧

解决90%主题安装难题:Merlin WP常见问题与调试技巧

解决90%主题安装难题:Merlin WP常见问题与调试技巧 【免费下载链接】MerlinWP Better WordPress Theme Onboarding 项目地址: https://gitcode.com/gh_mirrors/me/MerlinWP Merlin WP是一款致力于优化WordPress主题安装体验的工具,它能让主题安装…

2026/7/28 23:41:09 阅读更多 →
基于Arduino/ESP32的极坐标绘图仪、示波器与网络收音机DIY实战

基于Arduino/ESP32的极坐标绘图仪、示波器与网络收音机DIY实战

1. 项目缘起:当极客的“不务正业”遇上桌面上的无限可能 我桌上常年堆着几块开发板、一堆杜邦线和几个半成品。有朋友来工作室,总会指着那台用亚克力板和步进电机拼起来的、正在画着复杂螺旋线的机器问:“这又是什么新玩具?”我通…

2026/7/28 23:41:09 阅读更多 →
JAVA毕设项目:基于 SpringBoot 的民航票务数据统计与用户管理平台 在线航空票务检索与订单运维系统 (源码+文档,讲解、调试运行,定制等)

JAVA毕设项目:基于 SpringBoot 的民航票务数据统计与用户管理平台 在线航空票务检索与订单运维系统 (源码+文档,讲解、调试运行,定制等)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

2026/7/28 23:41:09 阅读更多 →
从0到1搭建高性价比AI栈:用LoRA+AWQ+TensorRT-LLM把Qwen2-7B推理成本压到$0.0012/千token,全流程手把手

从0到1搭建高性价比AI栈:用LoRA+AWQ+TensorRT-LLM把Qwen2-7B推理成本压到$0.0012/千token,全流程手把手

更多请点击: https://codechina.net 第一章:AI模型性价比对比 在实际工程落地中,模型的推理延迟、显存占用、吞吐量与单位请求成本共同构成核心性价比指标。单纯比较参数量或基准测试(如MMLU、GSM8K)得分容易忽略部署…

2026/7/28 23:41:09 阅读更多 →
MySQL数据库开发实战:从SQL语法到索引优化与性能调优

MySQL数据库开发实战:从SQL语法到索引优化与性能调优

在实际数据库开发中,很多开发者都经历过从只会写简单增删改查,到需要面对复杂查询、性能瓶颈和线上问题的阶段。MySQL作为最流行的开源关系型数据库,其核心在于如何高效、正确地使用SQL,并理解其背后的执行逻辑。本文旨在为希望系…

2026/7/28 23:40:09 阅读更多 →

日新闻

告别臃肿!3步让你的暗影精灵笔记本重获新生

告别臃肿!3步让你的暗影精灵笔记本重获新生

告别臃肿!3步让你的暗影精灵笔记本重获新生 【免费下载链接】OmenSuperHub Control Omen laptop performance, fan speeds, and keyboard lighting, and unlock power limits. 项目地址: https://gitcode.com/gh_mirrors/om/OmenSuperHub 你是否也曾为官方Om…

2026/7/28 0:00:43 阅读更多 →
RAG必踩坑!财报法规检索不准?这款开源工具让答案浮出水面,准确率飙升98.7%!

RAG必踩坑!财报法规检索不准?这款开源工具让答案浮出水面,准确率飙升98.7%!

做 RAG 的人应该都踩过这个致命的坑:把几百页的财报、法规、技术手册扔给向量库,问一个具体问题,搜出来的全是沾边但没用的内容 —— 关键信息要么被硬切块拆碎了,要么藏在几十条结果的最下面。语义相似≠真正相关,这个…

2026/7/28 0:00:43 阅读更多 →
抖音视频文案提取工具全指南:免费2026版、手机App、在线工具一网打尽

抖音视频文案提取工具全指南:免费2026版、手机App、在线工具一网打尽

2026年做短视频运营,从抖音上扒文案早就不是偷偷抄笔记的事了。我刚开始做内容的时候,每天刷半小时抖音,手动把爆款视频的口播敲进备忘录,一条2分钟的视频得花十来分钟,碰到语速快的还要反复回听。后来试了一圈工具&am…

2026/7/28 0:00:43 阅读更多 →

周新闻

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 数据集6000张 完整源码已标注数据集训练好的模型环境配置教程程序运行说明文档,可以直接使用!系统支持图片、视频、摄像头等多种方式检测裂缝,功能强大实用。 1数据集6000张 8各类别

2026/7/28 12:04:22 阅读更多 →
深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

pubg数据集 精选原图1.42万数据 1.49万标签 无任何重复、算法增强或冗余图像! pubg绝地求生目标检测数据集 1分类:e_body,14905个标签,txt格式 共计14244张图,99%为640*640尺寸图像 适合yolo目标检测、AI训练关键词&am…

2026/7/28 8:29:16 阅读更多 →
Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex检测数据集数据集详情检测类别: allies enemy tag图片总量:7247张训练集:5139张验证集:1425张测试集:683张标注状态:全部已标注,即拿即用数据格式:支持YOLO格式及其他格式&#…

2026/7/28 5:03:42 阅读更多 →

月新闻