本地部署开源的前端项目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
相关推荐
h_65432102 小时前
打包报错ERROR Error: Cannot find module ‘webpack/lib/RuleSet‘
前端·webpack·npm
进击monkey2 小时前
降本增效 + 安全合规:PandaWiki 知识库,企业数字化转型的权限管理优选
人工智能·机器人·开源·ai知识库
小旋风012342 小时前
uniapp开发app解决视频层级太高的问题(subNvue方法)
前端·uni-app·音视频
Jinuss2 小时前
源码分析之React中useCallback和useMemo
前端·javascript·react.js
maxmaxma2 小时前
ROS2机器人少年创客营:Python第一课
前端·python·机器人
吃西瓜的年年2 小时前
react(二)useEffect 和 useRef
前端·react.js·前端框架
RDCJM2 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
LZQ <=小氣鬼=>2 小时前
React 插槽(Slot)
前端·javascript·react.js
前端老石人2 小时前
HTML 内容分组终极指南:从语义化标签到现代 Web 结构
前端·html