本地部署开源的前端项目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
相关推荐
এ慕ོ冬℘゜9 分钟前
如何在 HTML 中嵌入音频和视频?
前端·html·音视频
变与不变8069 小时前
jQuery怎么使用
前端·javascript
神膘护体小月半9 小时前
flex 布局的 order 属性
前端·css
冬奇Lab9 小时前
一天一个开源项目(第249篇):Hallmark —— 一个拒绝“AI 味”的设计 Skill,用 48 套材质主题和浏览器 Linter 约束编程助手
人工智能·开源·资讯
paopaokaka_luck9 小时前
流浪动物救助与收养系统(DeepSeek AI对话、 ECharts多维分析、救助流程衔接、领养与回访衔接、 捐赠确认与公示、志愿者协作)
java·前端·javascript·人工智能·mysql·echarts·推荐算法
仰望.9 小时前
vue 表格组件 vxe-table 树表格懒加载支持拖拽排序的详细用法
前端·javascript·vue.js·vxe-table
前端 贾公子9 小时前
vite-plugin-uni-manifest 升级指南
前端
小码哥_常9 小时前
iPhone 用户传了张 HEIC,我的前端崩了
前端
小码哥_常9 小时前
你发的原图可能暴露你家地址——聊聊图片 EXIF 隐私
前端
java1234_小锋9 小时前
【技术专题】CSS3 网页技术 - CSS3 优先级
前端·css·css3