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 表单中处理图片,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2021-01-01
  • Vue实现学生管理功能

    Vue实现学生管理功能

    这篇文章主要为大家详细介绍了Vue实现学生管理功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • vue父子组件进行通信方式原来是这样的

    vue父子组件进行通信方式原来是这样的

    这篇文章主要为大家详细介绍了vue父子组件进行通信方式,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • vue实现无缝滚动手摸手教程

    vue实现无缝滚动手摸手教程

    这篇文章主要为大家介绍了vue实现无缝滚动手摸手教程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • vuex store 缓存存储原理分析

    vuex store 缓存存储原理分析

    这篇文章主要介绍了vuex store 缓存存储原理,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • 浅析Vue单文件组件与非单文件组件使用方法

    浅析Vue单文件组件与非单文件组件使用方法

    这篇文章主要介绍了Vue单文件组件与非单文件组件使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2022-12-12
  • Vue指令的学习

    Vue指令的学习

    这篇文章主要介绍了Vue指令,Vue官网一共有提供了14个指令,下面我们就来详细讲解每一个指令的详细内容,需要的朋友可以参考一下
    2021-10-10
  • vue常用指令实现学生录入系统的实战

    vue常用指令实现学生录入系统的实战

    本文主要介绍了vue常用指令实现学生录入系统的实战,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • vue中watch和computed的区别详解

    vue中watch和computed的区别详解

    这篇文章主要给大家介绍了关于vue中watch和computed区别的相关资料,computed和watch都是vue框架中的用于监听数据变化的属性,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • vue 3.0 vue.config.js文件常用配置方式

    vue 3.0 vue.config.js文件常用配置方式

    这篇文章主要介绍了vue 3.0 vue.config.js文件常用配置方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03

最新评论