Angular项目需提交至源代码管理的文件有哪些？

嘿，针对你用Angular CLI生成的基础项目，我来帮你梳理清楚哪些文件/文件夹需要提交到源代码管理，哪些可以放心忽略：

需要提交的核心内容 #

这些是项目的“骨架”和核心资产，团队协作时必须共享：

• src/：这是你编写的所有业务代码的家，包含组件、服务、模板、样式等，绝对要提交
• package.json：项目依赖的清单，记录了生产和开发所需的包，其他人拉取项目后靠它执行npm install还原依赖
• package-lock.json：锁定每个依赖的精确版本，确保所有人安装的依赖完全一致，避免版本差异导致的诡异问题
• tsconfig.json：TypeScript的编译规则配置，控制TS转JS的行为
• tslint.json：代码风格检查的规则配置，保证团队代码风格统一（新版Angular可能是eslintrc.json，同理提交）
• karma.conf.js：Karma单元测试框架的配置文件，用于跑单元测试
• protractor.conf.js：Protractor端到端测试的配置文件，负责E2E测试的执行
• e2e/：端到端测试的代码目录，里面的测试用例需要和团队共享
• README.md：项目的说明文档，告诉其他人项目用途、启动方式、注意事项等，必须提交

绝对不要提交的内容 #

这些文件/文件夹可以通过工具一键生成或还原，提交只会浪费仓库空间还可能引发冲突：

• node_modules/：这个目录下的800多个依赖包，完全可以通过npm install从package.json和package-lock.json还原，千万别提交！
• 后续你执行ng build生成的dist/目录（编译后的生产代码），也不要提交，随时可以重新构建

实用小技巧 #

记得在项目根目录创建一个.gitignore文件，把不需要提交的内容写进去，Git就会自动忽略它们，避免误操作。比如一个基础的Angular项目.gitignore可以这样写：

# 依赖目录
node_modules/

# 编译产物
dist/
dist-ssr/
*.local

# IDE配置文件
.vscode/
.idea/
*.swp
*.swo
*~

# 日志文件
npm-debug.log*
yarn-debug.log*
yarn-error.log*

内容的提问来源于stack exchange，提问作者Steve Hanov