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以后忽略该文件的变更

总结

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

相关文章

  • Vue动态获取数据后控件不可编辑问题

    Vue动态获取数据后控件不可编辑问题

    这篇文章主要介绍了Vue动态获取数据后控件不可编辑问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • 学习vue.js表单控件绑定操作

    学习vue.js表单控件绑定操作

    这篇文章主要和大家一起学习vue.js表单控件绑定操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Vue中的this.$emit()方法详解

    Vue中的this.$emit()方法详解

    这篇文章主要给大家介绍了关于Vue中this.$emit()方法的相关资料,this.$emit()是 Vue.js 中一个很有用的方法,可以帮助子组件向父组件传递事件,需要的朋友可以参考下
    2023-09-09
  • Vue 3.0自定义指令的使用入门

    Vue 3.0自定义指令的使用入门

    在 Vue 的项目中,我们经常会遇到 v-if、v-show、v-for 或 v-model 这些内置指令,它们为我们提供了不同的功能。除了使用这些内置指令之外,Vue 也允许注册自定义指令。接下来,将使用Vue 3官方文档自定义指令章节中使用的示例,来一步步揭开自定义指令背后的秘密。
    2021-05-05
  • Vue渲染器设计实现流程详细讲解

    Vue渲染器设计实现流程详细讲解

    在浏览器平台上,用它来渲染其中的真实DOM元素。渲染器不仅能够渲染真实的DOM元素,它还是框架跨平台能力的关键。所以在设计渲染器的时候一定要考虑好自定义的能力
    2023-01-01
  • vue2配置scss的方法步骤

    vue2配置scss的方法步骤

    这篇文章主要介绍了vue2配置scss的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • 使用vue2.6实现抖音【时间轮盘】屏保效果附源码

    使用vue2.6实现抖音【时间轮盘】屏保效果附源码

    前段时间看抖音,有人用时间轮盘作为动态的桌面壁纸,一时间成为全网最火的电脑屏保,后来小米等运用市场也出现了【时间轮盘】,有点像五行八卦,感觉很好玩,于是突发奇想,自己写一个网页版小DEMO玩玩,需要的朋友可以参考下
    2019-04-04
  • vue3限制table表格选项个数的解决方法

    vue3限制table表格选项个数的解决方法

    这篇文章主要为大家详细介绍了vue3限制table表格选项个数的解决方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue中v-if 和v-permission 共同使用的坑及解决方案

    vue中v-if 和v-permission 共同使用的坑及解决方案

    这篇文章主要介绍了vue中v-if 和v-permission 共同使用的坑及解决方案的相关资料,需要的朋友可以参考下
    2023-07-07
  • vue项目如何通过url链接引入其他系统页面

    vue项目如何通过url链接引入其他系统页面

    这篇文章主要介绍了vue项目如何通过url链接引入其他系统页面问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03

最新评论