本地部署开源的前端项目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
相关推荐
Mininglamp_27182 小时前
明略科技携手海康机器人亮相世界机器人大会,以“Agent+具身“联合进入商业机器人场景
人工智能·科技·机器人·开源·agent·ai agent
2401_894915532 小时前
GEO 优化源码全解析:从搜索引擎到 AI 引擎的底层改写逻辑
java·服务器·前端·数据库·人工智能·分布式·搜索引擎
Profile排查笔记7 小时前
指纹浏览器哪个好?从 Profile、代理、权限和自动化能力判断是否适合
前端·人工智能·后端·自动化
lzhdim8 小时前
12、JavaScript常见的内存泄露问题 - JavaScript学习系列文章
开发语言·前端·javascript·学习·ecmascript
denggun123458 小时前
yield
前端·数据库·python
前端snow8 小时前
ai agent -- prompt汇总
前端
冬奇Lab8 小时前
Code Agent 解剖(11):Harness 设计之一——控制流
人工智能·开源
冬奇Lab8 小时前
开源项目第198期:Omarchy — DHH 打造的「意见鲜明」Linux 桌面系统
人工智能·开源·操作系统
muddjsv9 小时前
前端性能优化实战:从加载到渲染的全面提速指南
前端·性能优化
deli00700710 小时前
JSON 树形查看器:粘贴即解析,折叠展开一目了然
前端·数据库·json·ai编程