css - 如何使用 Sublime Text 2 在 CSS 中删除冒号后的多余空格？

Question

当为 CSS 样式触发自动完成时，Sublime 默认会在冒号后添加一个空格，如下所示：

position: relative;

如何删除这个空间？

Answer 1

我做了更多的挖掘，并想提出一个替代解决方案。

1. ~/Library/Application Support/Sublime Text 2/Packages/CSS/css_completions.py在 Sublime 中打开。

2. 在第 190 行，删除冒号后的空格：

   l.append((p, p + ": "))
   

我能想到的唯一警告是，当您更新 Sublime 时，这可能会被覆盖，但如果不安装额外的包，这似乎工作得很好。

Answer 2

编辑：我在下面提交了一个不同的解决方案，但想把它留在这里，以防人们对 Emmet 感兴趣，它看起来仍然很整洁。

我想提供一个经过测试的解决方案：PI:<space>用:).

• 为 Sublime Text 2 安装 Emmet 包：https ://github.com/sergeche/emmet-sublime （最简单的方法是通过包管理器）

这似乎是一个非常流行的插件。我会先扫描功能集，因为它看起来会添加一堆你可能不想要的快捷方式。

• 查看有关自定义的文档：http: //docs.emmet.io/customization/preferences/
• 搜索页面css.valueSeparator- 这是您要更改的字段。它默认为:<space> - 这里有编辑包首选项的说明：http: //docs.emmet.io/customization/

我想我可能会自己保留/尝试这个包。我希望它能给你你正在寻找的东西。

编辑： 我发现 emmet 说明有些含糊。具体来说，在 Sublime Text 2 中转到：

Sublime Text 2 > Preferences > Package Settings > Emmet > Settings - User并以 JSON 格式输入您的覆盖首选项。方便地，您可以从中剪切和粘贴模板代码Sublime Text 2 > Preferences > Package Settings > Emmet > Settings - Default（但不要理会该文件，因为下次更新包时它将被覆盖）。

Answer 3

额外的答案补充说，如果您正在使用 Sass 或 SCSS 文件，则需要在 ~/Library/Application Support/Sublime Text 2/Packages/Sass/Snippets 中逐一编辑片段以实现此目的。

Answer 4

如果您使用的是 Emmet 包，则以下解决方案也适用于 Sublime Text 3：

打开：Sublime Text 3 > Package Setting > Emmet > Settings-User 并粘贴

{
    "preferences": {
        "css.valueSeparator": ":",
    },
}

Answer 5

Sublime Text 3 的解决方案：

安装包控制（如果尚未安装）：打开控制台 ctrl + `

插入：

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

按 eneter，检查控制台并重新启动程序。

组合 Ctrl + Shift + P 启动 Pacage 控件 选择“Pacage control: Install Pacage”，等待新窗口 选择 PackageResourceViewer 选择“PackageResourceViewer: Open Resource” 选择 CSS 选择 css_completions.py

改变：

.append ((p, p + ":"))

在：

.append ((p, p + ":"))

如果你有 Emmet Package，你还需要做：

在顶部菜单 Package Setting> Emmet> Settings-User 并粘贴

{
    "Preferences": {
        "Css.valueSeparator": ":"
    }
}