You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何配置SourceTree以显示HTML文件的代码差异而非渲染对比?

解决SourceTree中HTML文件以纯代码显示差异的方法
  • 仓库级配置(仅当前仓库生效)
    在仓库根目录创建或编辑.gitattributes文件,添加以下内容:
*.html diff

这会告诉Git将HTML文件视为纯文本进行差异对比,SourceTree会遵循Git的这个配置,不再用可视化渲染展示HTML差异,改为纯代码对比,和Markdown文件的展示逻辑一致。

  • 全局配置(所有Git仓库生效)
    如果你希望所有仓库的HTML文件都用纯代码显示差异,可以编辑Git的全局属性文件:

    • macOS/Linux:在~/.config/git/目录下创建或编辑attributes文件,添加上述*.html diff内容
    • Windows:在C:\Users\<你的用户名>\.gitconfig所在目录(一般是用户目录)创建attributes文件,同样添加该行配置
  • 用外部差异工具(如VS Code)查看
    如果需要临时或更灵活的处理,可以在SourceTree中配置外部差异工具:

    1. 打开SourceTree的「偏好设置」(Windows是「工具」→「选项」)
    2. 切换到「差异」标签页,点击「添加」按钮
    3. 工具名称填「VS Code」,命令填code(Windows系统可能需要填code.cmd的完整路径,比如C:\Users\<你的用户名>\AppData\Local\Programs\Microsoft VS Code\bin\code.cmd),参数填--diff $LOCAL $REMOTE
    4. 保存设置后,在查看HTML文件差异时,右键点击文件,选择「用外部差异工具打开」即可调用VS Code显示纯代码差异

内容的提问来源于stack exchange,提问作者Joshua Muheim

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.11 15:03:11