Vue项目如何配置git忽略文件

更新时间：2024年03月15日 15:14:31 作者：Komorebi゛

这篇文章主要介绍了Vue项目如何配置git忽略文件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

创建

在根目录下创建 .gitignore 文件，在.gitignore 文件下添加如下配置

语法规范

以 / 开头忽略当前目录下的文件，但不包括子目录下的文件
以 / 结尾忽略目录下所有文件及内容，不管是根目录或子目录都会被忽略
以 # 开头表示注释
以 * 匹配零个或多个字符
以 ? 匹配单个字符
以 [] 匹配括号内的任一字符
! 表示不忽略(跟踪)匹配到的文件或目录
不添加任何符号表示直接忽略当前目录下的这个文件

前端开发常用的配置

如下：

.DS_Store
node_modules
/dist


# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

package-lock.json
yarn.lock

.gitignore 规则不生效

1..gitignore 只能忽略那些原来没有被追踪（tracked）的文件，如果某些文件已经被纳入了版本管理中，则修改 .gitignore 是无效的。

解决方法就是先把本地缓存删除（改变成未track状态），然后再提交：

git rm -r --cached .
git add .
git commit -m 'update .gitignore'

2.你想添加一个文件到Git，但发现添加不了，原因是这个文件被.gitignore忽略了：

$ git add App.class
The following paths are ignored by one of your .gitignore files:
App.class
Use -f if you really want to add them.

如果你确实想添加该文件，可以用-f强制添加到Git：

$ git add -f App.class

3.或者你发现，可能是.gitignore写得有问题，需要找出来到底哪个规则写错了，可以用git check-ignore命令检查：

$ git check-ignore -v App.class
.gitignore:3:*.class    App.class

Git会告诉我们，.gitignore的第3行规则忽略了该文件，于是我们就可以知道应该修订哪个规则。

忽略已提交文件中的变化

临时忽略变更

在开发阶段，有时候需要临时忽略本地仓库中已提交的文件的变更。

例如，你的配置文件与本机的工作环境或者项目配置有关，那么这个操作就非常有用：

git update-index --skip-worktree <file>

当然也可以恢复文件的追踪：

git update-index --no-skip-worktree <file>

也可以通过以下方式进行。这主要是为了防止文件被开发者修改。

关闭变更追踪

git update-index --assume-unchanged <file>

恢复变更追踪

git update-index --no-assume-unchanged <file>

永久忽略文件变更

如果一个文件已经被 Git 跟踪，那么再将这个文件添加到 .gitignore 中并不会忽略文件变更。

你还需要从Git 暂存区（index）中移除这个文件的信息，步骤如下：

1.在 .gitignore 中添加这个文件

2.从暂存区移除文件信息：

git rm --cached  <file>

3.提交删除文件和更新的 .gitignore 到您的仓库

注：以上步骤不会从系统中删除文件，只是告诉Git以后忽略该文件的变更

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Element Plus 日期选择器获取选中的日期格式(当前日期/时间戳格式）
如果想要获取选中的日期时间就需要通过,Element Plus 日期选择器 format属性和value-format属性,format指定输入框的格式,value-format 指定绑定值的格式,本篇文章就给大家介绍Element Plus 日期选择器获取选中的日期格式(当前日期/时间戳格式）,感兴趣的朋友一起看看吧
2023-10-10
vue实现导出word文档功能实例(含多张图片)
项目需要导出word,于是乎又是查阅资料,然后自己写,下面这篇文章主要给大家介绍了关于vue实现导出word文档功能(含多张图片)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09
Vue3.0插件执行原理与实战
这篇文章主要介绍了Vue3.0插件执行原理与实战，Vue项目能够使用很多插件来丰富自己的功能Vue-Router、Vuex等，节省了我们大量的人力和物力，下面我们就一起来了解Vue3.0插件的原理吧，需要的小伙伴可以参考一下
2022-02-02
在vue项目如何使用base64加密
这篇文章主要介绍了在vue项目如何使用base64加密，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-06-06
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
今天小编就为大家分享一篇vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
vue中子组件调用兄弟组件方法
这篇文章主要介绍了vue中子组件调用兄弟组件方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07
vue cli如何配置开发环境下的sourcemap
这篇文章主要介绍了vue cli如何配置开发环境下的sourcemap问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-06-06
vue中深度选择器图文详解
在Vue的开发中,我们经常会用到外部组件库,下面这篇文章主要给大家介绍了关于vue中深度选择器的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-06-06
vue 使用class创建和清除水印的示例代码
这篇文章主要介绍了vue 使用class创建和清除水印的示例代码，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下
2020-12-12
vue中el-upload上传图片到七牛的示例代码
这篇文章主要介绍了vue中el-upload上传图片到七牛的示例代码,实现思路其实也很简单，需要从后台获取七牛token上传图片到七牛，具体示例代码大家跟随小编一起学习吧
2018-10-10