[{"data":1,"prerenderedAt":452},["ShallowReactive",2],{"docsNavigation":3,"blogNavigation":53,"/blog/nvm-install-solution":95,"/blog/nvm-install-solution-surround":448},[4,38],{"title":5,"path":6,"stem":7,"children":8,"icon":37},"常用网站","/docs/getting-started","1.docs/1.getting-started/1.index",[9,12,17,22,27,32],{"title":10,"path":6,"stem":7,"icon":11},"区块链相关(前端)","i-lucide-box",{"title":13,"path":14,"stem":15,"icon":16},"图片压缩","/docs/getting-started/photo-compression","1.docs/1.getting-started/2.photo-compression","i-lucide-image",{"title":18,"path":19,"stem":20,"icon":21},"组件库","/docs/getting-started/component-library","1.docs/1.getting-started/3.component-library","i-lucide-puzzle",{"title":23,"path":24,"stem":25,"icon":26},"图表库","/docs/getting-started/charts","1.docs/1.getting-started/4.charts","i-lucide-bar-chart-3",{"title":28,"path":29,"stem":30,"icon":31},"CSS","/docs/getting-started/css","1.docs/1.getting-started/5.css","i-lucide-palette",{"title":33,"path":34,"stem":35,"icon":36},"调试测试工具","/docs/getting-started/test","1.docs/1.getting-started/6.test","i-lucide-bug",false,{"title":39,"path":40,"stem":41,"children":42,"page":37},"常用工具","/docs/essentials","1.docs/2.essentials",[43,48],{"title":44,"path":45,"stem":46,"icon":47},"uni-helper","/docs/essentials/uni-helper","1.docs/2.essentials/1.uni-helper","i-lucide-settings",{"title":49,"path":50,"stem":51,"icon":52},"工作流可视化库","/docs/essentials/workflow-libraries","1.docs/2.essentials/2.workflow-libraries","i-lucide-workflow",[54],{"title":55,"path":56,"stem":57,"children":58,"page":37},"Blog","/blog","3.blog",[59,63,67,71,75,79,83,87,91],{"title":60,"path":61,"stem":62},"Vue 3 中 \u003CTransition> 报错：组件根节点无法被动画化的解决方案","/blog/asian-cuisine","3.blog/1.asian-cuisine",{"title":64,"path":65,"stem":66},"使用 openapi-ts-request 自动生成 API 请求代码","/blog/apifox-api-generation","3.blog/2.apifox-api-generation",{"title":68,"path":69,"stem":70},"解决 uni.upload 多文件上传限制：使用 fetch + FormData 实现 H5 环境下的多文件上传","/blog/file-upload-issue-solution","3.blog/3.file-upload-issue-solution",{"title":72,"path":73,"stem":74},"Wangeditor中被div包裹的img标签被过滤问题解决方案","/blog/wangeditor-img-filter-issue","3.blog/4.wangeditor-img-filter-issue",{"title":76,"path":77,"stem":78},"Nuxt项目部署后报错 “Cannot load payload /_payload.json” 的修复","/blog/nuxt-payload-extraction","3.blog/5.nuxt-payload-extraction",{"title":80,"path":81,"stem":82},"Nuxt项目导入nuxt-echarts实现图表渲染","/blog/nuxt-echarts-implementation","3.blog/6.nuxt-echarts-implementation",{"title":84,"path":85,"stem":86},"Reown+Wagmi 在 UniApp+Vite 项目中的问题与解决方案","/blog/reown-wagmi-uniapp-issues","3.blog/7.reown-wagmi-uniapp-issues",{"title":88,"path":89,"stem":90},"数字滚动动画组件 - Vue 动画最佳实践","/blog/number-scroll-animation","3.blog/8.number-scroll-animation",{"title":92,"path":93,"stem":94},"新电脑安装 nvm 卡住？无需修改配置文件，一行命令完美解决！","/blog/nvm-install-solution","3.blog/9.nvm-install-solution",{"id":96,"title":92,"authors":97,"badge":103,"body":105,"date":439,"description":440,"extension":441,"image":442,"meta":444,"navigation":445,"path":93,"seo":446,"stem":94,"__hash__":447},"posts/3.blog/9.nvm-install-solution.md",[98],{"name":99,"to":100,"avatar":101},"qibmz","https://github.com/qibmz",{"src":102},"/image/avatar.avif",{"label":104},"工具",{"type":106,"value":107,"toc":427},"minimark",[108,112,121,130,148,151,155,158,163,169,185,188,204,208,211,220,237,241,248,257,283,285,288,291,300,303,305,308,405,407,410,423],[109,110,111],"h2",{"id":111},"问题背景",[113,114,115,116,120],"p",{},"刚换新电脑，安装好 ",[117,118,119],"code",{},"nvm-windows"," 后，准备安装 Node.js 版本时却遇到了经典难题：",[122,123,124],"blockquote",{},[113,125,126],{},[127,128,129],"strong",{},"进度条一直卡在 \"Downloading node.js version...\"，无论是否开启梯子，最终都报错或无限等待。",[113,131,132,133,136,137,140,141,144,145,147],{},"网上大部分教程都让你去修改 ",[117,134,135],{},"nvm"," 安装目录下的 ",[117,138,139],{},"settings.txt"," 文件。",[127,142,143],{},"其实完全不需要！"," ",[117,146,135],{}," 官方命令行本身就提供了修改镜像源和代理的功能，既安全又方便。",[149,150],"hr",{},[109,152,154],{"id":153},"解决方案使用-nvm-内置命令","解决方案：使用 nvm 内置命令",[113,156,157],{},"只需在终端（PowerShell 或 CMD）中执行两条命令，即可瞬间解决网络问题。",[159,160,162],"h3",{"id":161},"第一步查看帮助可选","第一步：查看帮助（可选）",[113,164,165,166,168],{},"首先确认你的 ",[117,167,135],{}," 支持以下命令：",[170,171,176],"pre",{"className":172,"code":173,"language":174,"meta":175,"style":175},"language-powershell shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","nvm -h\n","powershell","",[117,177,178],{"__ignoreMap":175},[179,180,183],"span",{"class":181,"line":182},"line",1,[179,184,173],{},[113,186,187],{},"你会看到如下关键信息：",[170,189,191],{"className":172,"code":190,"language":174,"meta":175,"style":175},"nvm node_mirror [url]        : Set the node mirror. Defaults to https://nodejs.org/dist/\nnvm proxy [url]              : Set a proxy to use for downloads.\n",[117,192,193,198],{"__ignoreMap":175},[179,194,195],{"class":181,"line":182},[179,196,197],{},"nvm node_mirror [url]        : Set the node mirror. Defaults to https://nodejs.org/dist/\n",[179,199,201],{"class":181,"line":200},2,[179,202,203],{},"nvm proxy [url]              : Set a proxy to use for downloads.\n",[159,205,207],{"id":206},"第二步切换国内镜像源核心步骤","第二步：切换国内镜像源（核心步骤）",[113,209,210],{},"将 Node.js 的下载源修改为淘宝镜像（npmmirror），国内下载速度飞快。",[170,212,214],{"className":172,"code":213,"language":174,"meta":175,"style":175},"nvm node_mirror https://npmmirror.com/mirrors/node/\n",[117,215,216],{"__ignoreMap":175},[179,217,218],{"class":181,"line":182},[179,219,213],{},[122,221,222,228],{},[113,223,224,227],{},[127,225,226],{},"提示","：如果也需要加速 npm 包的下载，可以顺便设置：",[170,229,231],{"className":172,"code":230,"language":174,"meta":175,"style":175},"nvm npm_mirror https://npmmirror.com/mirrors/npm/\n",[117,232,233],{"__ignoreMap":175},[179,234,235],{"class":181,"line":182},[179,236,230],{},[159,238,240],{"id":239},"第三步配置代理如果你必须使用梯子","第三步：配置代理（如果你必须使用梯子）",[113,242,243,244,247],{},"如果你所在的网络环境必须通过代理才能访问外网，可以设置代理地址。以 Clash Verge 为例，默认 HTTP 端口通常为 ",[117,245,246],{},"7897","，请根据你实际软件的端口调整。",[170,249,251],{"className":172,"code":250,"language":174,"meta":175,"style":175},"nvm proxy http://127.0.0.1:7897\n",[117,252,253],{"__ignoreMap":175},[179,254,255],{"class":181,"line":182},[179,256,250],{},[122,258,259,265],{},[113,260,261,264],{},[127,262,263],{},"注意","：",[266,267,268,276],"ol",{},[269,270,271,272,275],"li",{},"如果你已经设置了淘宝镜像（第二步），通常",[127,273,274],{},"不需要","再设置代理，直接下载即可。",[269,277,278,279,282],{},"如果设置代理后反而报错，请尝试运行 ",[117,280,281],{},"nvm proxy none"," 关闭代理，仅使用淘宝镜像。",[149,284],{},[109,286,287],{"id":287},"最终结果",[113,289,290],{},"配置完成后，再次运行安装命令：",[170,292,294],{"className":172,"code":293,"language":174,"meta":175,"style":175},"nvm install 20  # 或者你要安装的具体版本，如 18, 22 等\n",[117,295,296],{"__ignoreMap":175},[179,297,298],{"class":181,"line":182},[179,299,293],{},[113,301,302],{},"下载速度瞬间跑满带宽，不再卡住！",[149,304],{},[109,306,307],{"id":307},"常用命令速查",[309,310,311,325],"table",{},[312,313,314],"thead",{},[315,316,317,322],"tr",{},[318,319,321],"th",{"align":320},"left","命令",[318,323,324],{"align":320},"说明",[326,327,328,339,349,363,375,385,395],"tbody",{},[315,329,330,336],{},[331,332,333],"td",{"align":320},[117,334,335],{},"nvm node_mirror \u003Curl>",[331,337,338],{"align":320},"设置 Node.js 下载镜像源",[315,340,341,346],{},[331,342,343],{"align":320},[117,344,345],{},"nvm npm_mirror \u003Curl>",[331,347,348],{"align":320},"设置 npm 下载镜像源",[315,350,351,356],{},[331,352,353],{"align":320},[117,354,355],{},"nvm proxy \u003Curl>",[331,357,358,359,362],{"align":320},"设置下载代理（例：",[117,360,361],{},"http://127.0.0.1:7890","）",[315,364,365,369],{},[331,366,367],{"align":320},[117,368,281],{},[331,370,371,374],{"align":320},[127,372,373],{},"取消代理","（切回直连时用）",[315,376,377,382],{},[331,378,379],{"align":320},[117,380,381],{},"nvm list available",[331,383,384],{"align":320},"查看可安装的 Node.js 版本",[315,386,387,392],{},[331,388,389],{"align":320},[117,390,391],{},"nvm install \u003Cversion>",[331,393,394],{"align":320},"安装指定版本",[315,396,397,402],{},[331,398,399],{"align":320},[117,400,401],{},"nvm use \u003Cversion>",[331,403,404],{"align":320},"切换使用该版本",[149,406],{},[109,408,409],{"id":409},"总结",[113,411,412,413,415,416,419,420,422],{},"遇到 ",[117,414,135],{}," 下载卡住的问题，",[127,417,418],{},"优先尝试修改镜像源","，其次再考虑配置代理。利用 ",[117,421,135],{}," 自带命令行的方式，避免了手动修改配置文件可能带来的路径错误或权限问题，优雅又高效！",[424,425,426],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":175,"searchDepth":200,"depth":200,"links":428},[429,430,436,437,438],{"id":111,"depth":200,"text":111},{"id":153,"depth":200,"text":154,"children":431},[432,434,435],{"id":161,"depth":433,"text":162},3,{"id":206,"depth":433,"text":207},{"id":239,"depth":433,"text":240},{"id":287,"depth":200,"text":287},{"id":307,"depth":200,"text":307},{"id":409,"depth":200,"text":409},"2026-03-19T00:00:00.000Z","安装 nvm-windows 后下载 Node.js 卡住？无需手动修改 settings.txt，使用 nvm 内置命令切换淘宝镜像或配置代理，一行命令即可解决。","md",{"src":443},"https://picsum.photos/id/0/640/360",{},true,{"title":92,"description":440},"1lCyYZIjs2m8Wf7GNrRuyRNBwjj81W95xo9GDpp0NGI",[449,451],{"title":88,"path":89,"stem":90,"description":450,"children":-1},"详解如何用 Vue 3 Composition API 实现高性能的数字滚动动画组件，包含内存优化、性能调优和完整代码实现。",null,1774239528091]