002 vue3-admin项目的目录及文件说明之node_modules目录

主要作用

1. 存放第三方依赖包

• 当你使用 npm 或 yarn 安装的所有第三方库都会都会都会保存在这里
• 包括 React、Vue、jQuery、lodash 等所有 npm 生态的包

2. 项目依赖管理

• 根据 package.json 中定义的依赖关系自动安装所需的包
• 保证项目在不同环境下都能使用相同版本的依赖

3. 版本控制

• 每个包都有自己的版本号，确保项目的稳定性
• 避免因依赖包更新导致的兼容性问题

4. 可执行脚本

• 包含了各种命令行工具，如 webpack、eslint 等
• 可以通过 npm scripts 来调用这些工具

为什么不提交到 Git？

 

# 通常会在.gitignore中添加
node_modules/

 

原因：

• 体积庞大，通常有几百 MB 甚至 GB
• 可以通过 package.json 重新安装
• 不同平台可能有不同的二进制文件

如何管理 node_modules？

# 安装依赖
npm install 或 yarn install

# 添加新依赖
npm install <package-name> --save
npm install <package-name> --save-dev

# 更新依赖
npm update

# 清理缓存
npm cache clean --force

 

 

注意事项

1. 不要手动修改：里面的文件都是自动管理的
2. 定期清理：如果项目有问题，可以尝试删除后重新安装
3. 版本锁定：使用 package-lock.json 或 yarn.lock 确保版本一致性

node_modules 是现代前端工程化的基石，让我们能够轻松使用丰富的第三方库来加速开发。