在这篇博文中,我们将学习angular项目中不能提交的文件。它包括一个循序渐进的angular gitignore例子。
.gitignore 是一个纯文本文件,包含一个文件/文件夹路径的列表,每当项目提交时,这些文件/文件夹将永远不会被提交到存储库。
.gitignore 是存储在应用程序的根目录中。然而,你可以在你的应用程序的任何子文件夹中定义。
任何编辑器,包括vscode 、sublime 、atom 、plain text editors ,都可以用来修改或创建。
gitignore文件用于跟踪未被跟踪的文件,这些文件在git提交过程中可以被忽略。
gitignore文件用来维护未被追踪的文件,在git commit过程中可以忽略这些文件。
如果gitignore文件中的每一行都指定了一个应用程序的文件或文件夹的路径,那么在git提交过程中就不能提交。
gitignore文件是在使用angular ng工具创建应用程序时创建的。如果应用程序是手动创建的,你可以手动添加该文件。
angular项目使用了Typescript。例如,在运行angular应用程序时,Typescript编译器或转译器将组件转换成JavaScript。在这个阶段,js和js.map文件被创建。这可以通过将其添加到gitignore文件中而被忽略。我们将看到angular CLI项目的gitignore文件
使用ng CLI工具创建angular项目时,默认会创建gitignore文件。
在angular CLI项目中,哪些内容不能提交给git?
- Node_module dependencies文件夹,它是项目和环境的本地文件,不需要提交到版本库中。
- 像npm和yarn以及webpack一样的构建包日志文件
- 临时文件夹,如tmp
- 打字的文件夹
- npm命令执行的输出文件夹,如dist/output文件夹
- typescript编译器文件的输出文件
- 包含映射的JavaScript文件(如果有的话
- 特定环境的文件
- 排除package-lock.json文件
- bower_components,如果使用的软件包管理器是bower的话。
- 编辑器或IDE特定的文件,如Visual Studio代码编辑器的.vscode文件夹
- *.sublim-workspace文件,用于Sublime文本编辑器
- eclipse的.project和classpath文件
- Typecript生成的文件
- grunt特定的锁定文件
我们必须在gitignore文件中添加以下内容来忽略这些文件
下面是一个代码Angular gitignore sample file example
# See http://help.github.com/ignore-files/ for more about ignoring files.
# compiled output
/dist
/tmp
/out-tsc
# dependencies
/node_modules
# IDEs and editors
/.idea
.project
.classpath
.c9/
*.launch
.settings/
*.sublime-workspace
# IDE - VSCode
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
# misc
/.sass-cache
/connect.lock
/coverage
/libpeerconnection.log
npm-debug.log
yarn-error.log
testem.log
/typings
# System Files
.DS_Store
Thumbs.db
需要记住的重要事项
- 不要在提交的文件中添加机密信息,即使是添加到gitignore文件中也不行。
- 在Windows中,这些文件默认是不可见的,因为这些文件被视为隐藏文件
- 这些文件应该出现在项目的任何文件夹中,但建议将文件放在根目录下。
根据项目需要,你可以在这些文件中添加/删除任何目录或文件。你必须使用正则表达式来忽略一个目录下的子目录。