本地部署开源的前端项目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
相关推荐
PBitW4 分钟前
git 中容易遗忘的点 (三) 🚀🚀🚀
前端·git·面试
名字还没想好☜5 分钟前
React setState 连续调用「丢更新」排查:批量更新与函数式更新
前端·javascript·react.js·react·usestate
come1123421 分钟前
Vue 2 与 Vue 3 语法区别及使用技巧
前端·javascript·vue.js
腻害兔32 分钟前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:ERP 企业资源模块,一个轻量级进销存的完整实现?
前端·javascript·vue.js·人工智能·前端框架·产品经理·ai编程
杨充37 分钟前
10.可测试性实战设计
设计模式·开源·代码规范
虹科网络安全44 分钟前
艾体宝新闻|从 SQL 注入到服务器接管:CVE-2026-57517 暴露 Web 管理面板的供应链与安全编码风险
服务器·前端·sql
杨充1 小时前
9.重构十二式的实战
设计模式·开源·代码规范
糖果店的幽灵1 小时前
langgraph的四种state解析
java·前端·javascript·langgraph
OpenAnolis小助手1 小时前
龙蜥 AI Infra 新力量:T-Head SAIL 软件栈正式开源
开源·龙蜥社区·ai infra·t-head sail
杨充1 小时前
6.设计原则的全景图
设计模式·开源·全栈