Sublime text 2 - 更改标签颜色答案

【问题标题】：Sublime text 2 - change tags colorSublime text 2 - 更改标签颜色
【发布时间】：2012-08-21 08:30:39
【问题描述】：

我正在使用 Sublime Text 2 - 我想让它成为我的默认工作程序。

我已经安装了 Dreamweaver 主题 - 但我遇到了一些问题：

我不知道如何更改标签（a、img、form 等）的颜色。都有相同的颜色，不像 Dreamweaver CS4（见图）。

如何更改每个颜色？

我的主题代码中有这个：

<dict>
      <key>name</key>
      <string>html img tag</string>
      <key>scope</key>
      <string>text.html meta.tag.img - string</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#6d232eff</string>
      </dict>
    </dict>
    <dict>
      <key>name</key>
      <string>html form tag</string>
      <key>scope</key>
      <string>text.html meta.tag.form - string</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#ff9700ff</string>
      </dict>
    </dict>

但是当我更改字符串标签中的颜色时，无法正常工作 - 是否缺少某些东西？

提前谢谢

【问题讨论】：

你能解决这个问题吗？我也有同样的问题。

标签： sublimetext2

【解决方案1】：

试试这个：

    <dict>
        <key>name</key>
        <string>Tag name</string>
        <key>scope</key>
        <string>entity.name.tag</string>
        <key>settings</key>
        <dict>
            <key>foreground</key>
            <string>#EA0000</string>
        </dict>
    </dict>
    <dict>
        <key>name</key>
        <string>Tag start/end</string>
        <key>scope</key>
        <string>punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end</string>
        <key>settings</key>
        <dict>
            <key>foreground</key>
            <string>#EA0000</string>
        </dict>
    </dict>

【讨论】：

谢谢！正在寻找这个。

【解决方案2】：

归结为语言定义 (.tmLanguage) 文件。默认情况下，HTML 语言定义在通用标签级别被切断，不要问我为什么，但它遵循TextMate's Scope Selector pattern。据我所知，人们使用 JSON 编写语言文件，然后将其转换为 .plist 文件，并将扩展名更改为 tmLanguage 文件。

我找到的最简单的方法是install Siddley's Enhanced HTML/ColdFusion package，使用增强的 HTML 语言和其中一种 DW 配色方案。

看了一会，我发现 Siddley 把一些标签聚集在一起了。我可能正在扩展语言定义文件。如果有我会在github上发帖。

【讨论】：

【解决方案3】：

按照此步骤在您的 sublime 中应用 Dreamweaver cs5 的配色方案。

Click here to download Dreamweaver Theme Zip File

如何应用 Dreamweaver CS5 等配色方案

1. Download zip file from Dreamweaver Theme File Link
2. Extract folder
3. Open sublime and goto "Preferences">"Browser Packages..">"Paste extract folder here"
4. Restart Sublime
5. Select color scheme from sublime, to select color scheme Goto "Preferences">"Color Scheme">"SublimeDreamweaver-master">"SublimeDreamweaver-master">"Dreamviwer"
6. Restart Again your sublime
7. Now open your file to see effect
8. Thanks

在应用dreamviwer的配色方案后更改字体，如dreamviwer。

1. Goto "Preferences">"Setting - User"
2. Add this line is your setting json, "font_face":"courier new"
3. Save enjoy

谢谢

【讨论】：