在Angular中不能提交什么文件以及在git中忽略文件的例子

361 阅读3分钟

在这篇博文中,我们将学习angular项目中不能提交的文件。它包括一个循序渐进的angular gitignore例子。

.gitignore 是一个纯文本文件,包含一个文件/文件夹路径的列表,每当项目提交时,这些文件/文件夹将永远不会被提交到存储库。

.gitignore 是存储在应用程序的根目录中。然而,你可以在你的应用程序的任何子文件夹中定义。

任何编辑器,包括vscodesublimeatomplain 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中,这些文件默认是不可见的,因为这些文件被视为隐藏文件
  • 这些文件应该出现在项目的任何文件夹中,但建议将文件放在根目录下。

根据项目需要,你可以在这些文件中添加/删除任何目录或文件。你必须使用正则表达式来忽略一个目录下的子目录