本地部署开源的前端项目npm经历(1)

在根目录执行如下命令,进行启动

安装 pnpm,提升依赖的安装速度

npm config set registry https://registry.npmmirror.com

npm install -g pnpm

安装依赖

pnpm install

启动服务

npm run dev

我正在准备启动一个开源的前端项目,我是资产的后端JAVA架构师 目前正在想全栈架构师转型,AICoding。但在执行命令前,想先确认当前的 npm 环境配置(特别是镜像源)并进行升级。

为了确保后续安装依赖(pnpm install)的速度和稳定性,建议先检查并设置国内镜像源(如提到的 registry.npmmirror.com)。以下是具体的操作步骤:

1. 查看当前配置与版本

可以通过以下命令查看当前的全局配置和版本信息:

操作目标 命令 说明
查看 npm 版本 npm -v 检查当前安装的 npm 版本号
查看 Node.js 版本 node -v 检查运行环境版本
查看当前镜像源 npm config get registry 检查当前下载包的源地址
查看所有配置 npm config list 查看详细的配置列表(包含全局路径等)

2. 设置镜像源与升级

将镜像源设置为 npmmirror(原淘宝 NPM 镜像),这是目前最快且同步频率极高的源。

设置镜像源

运行以下命令将默认源切换为国内镜像:

bash 复制代码
npm config set registry https://registry.npmmirror.com

验证: 设置完成后,再次运行 npm config get registry,如果输出 https://registry.npmmirror.com/ 则说明设置成功。

升级 npm

如果 npm 版本过低,可能会导致兼容性问题,建议升级到最新版:

bash 复制代码
npm install -g npm@latest

3. 安装 pnpm 并启动项目

镜像源设置好后,就可以按照原本的计划安装 pnpm 并启动项目了:

bash 复制代码
# 1. 全局安装 pnpm (使用了上面设置的国内源,速度会很快)
npm install -g pnpm

# 2. 安装项目依赖
pnpm install

# 3. 启动开发服务器
npm run dev

💡 补充建议

  • 关于 pnpm: pnpm 本身比 npm 安装速度快且占用磁盘空间小,配合国内镜像源(npmmirror)能获得极佳的开发体验。

  • 临时使用: 如果不想永久修改配置,只想在安装 pnpm 时使用国内源,可以在安装命令后加参数:

    bash 复制代码
    npm install -g pnpm --registry=https://registry.npmmirror.com
相关推荐
还有你Y2 小时前
Shell 脚本语法
前端·语法·sh
踩着两条虫4 小时前
如何评价VTJ.PRO?
前端·架构·ai编程
TeDi TIVE4 小时前
开源模型应用落地-工具使用篇-Spring AI-高阶用法(九)
人工智能·spring·开源
Mh5 小时前
鼠标跟随倾斜动效
前端·css·vue.js
小码哥_常6 小时前
Kotlin类型魔法:Any、Unit、Nothing 深度探秘
前端
冬奇Lab6 小时前
一天一个开源项目(第79篇):生化危机女主角亲自开源的 AI 记忆系统 MemPalace
人工智能·开源·资讯
智慧地球(AI·Earth)7 小时前
面向开源生态的高性能大模型 GLM-5.1 发布:技术性能达国际前沿水准
开源
Web极客码7 小时前
深入了解WordPress网站访客意图
服务器·前端·wordpress
幺风7 小时前
Claude Code 源码分析 — Tool/MCP/Skill 可扩展工具系统
前端·javascript·ai编程
vjmap7 小时前
唯杰地图CAD图层加高性能特效扩展包发布
前端·gis