linux中npm管理前端依赖需区分本地与全局安装,初始化项目用npm init -y,安装依赖按生产/开发用途选择npm install或--save-dev,换淘宝镜像加速,全局工具应配置prefix到~/.local避免sudo。

在 Linux 中用 npm 管理前端依赖包,核心是区分“项目本地安装”和“全局工具安装”,并确保环境干净、镜像可用、权限合理。不需要 sudo,也不必动系统目录。
初始化项目并声明依赖
进入你的前端项目根目录(如 Vue/React 项目),先确认有 package.json:
- 若没有:运行
npm init -y快速生成默认配置文件 - 已有:直接执行
npm install即可安装dependencies和devDependencies中所有包
安装常用前端依赖
按用途选择安装方式:
Zynq‑7000 / Zynq UltraScale+ 硬件调试技能。适用于 Xilinx Zynq(Cortex‑A9/A53 + FPGA)Linux 环境,调试 I2C、I2S、UART、GPIO 等外设。包括设备树配置、内核驱动、用户空间调试工具、交叉编译和常见问题排查,支持 PetaLinux 开发。
- 生产依赖(如 Vue、React、Axios):
npm install vue axios→ 自动写入dependencies - 开发依赖(如 Vite、ESLint、Jest):
npm install vite eslint --save-dev或简写为npm install vite -D - 指定版本安装(避免意外升级):
npm install react@18.2.0
加速安装:换国内镜像源
默认 npm 源在国外,Linux 下常因网络问题失败或极慢。推荐永久切换为淘宝镜像:
- 执行命令:
npm config set registry https://registry.npm.taobao.org - 验证是否生效:
npm config get registry应输出该地址 - 如需恢复官方源:
npm config set registry https://registry.npmjs.org
避免权限错误的全局安装方式
前端常用 CLI 工具(如 vite、create-react-app、http-server)建议全局安装,但不要用 sudo:
- 配置 npm 全局路径到用户目录:
npm config set prefix ~/.local - 把
~/.local/bin加入PATH(编辑~/.bashrc或~/.zshrc):export PATH=~/.local/bin:$PATH - 重载配置:
source ~/.bashrc,再运行npm install -g vite就不会报错
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










