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

【问题标题】：How to remove extra space after a colon in CSS with Sublime Text 2?如何使用 Sublime Text 2 在 CSS 中删除冒号后的多余空格？
【发布时间】：2013-01-03 23:33:35
【问题描述】：

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

position: relative;

如何删除这个空间？

【问题讨论】：

为什么要删除空格？
@Siamak.A.M 因为我喜欢没有:)
你能把你的源代码放在这里或其他任何地方让我们看到吗？
我认为他的代码不会告诉我们太多信息。这是从相反的方向来的，但它可能会有所帮助：stackoverflow.com/questions/10931866/…
我试过了，没有运气。不过谢谢:(

标签： css macos sublimetext2 sublimetext

【解决方案1】：

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

在 Sublime 中打开 ~/Library/Application Support/Sublime Text 2/Packages/CSS/css_completions.py。
在第 190 行，删除冒号后的空格：
```
l.append((p, p + ": "))
```

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

【讨论】：

太棒了！这行得通！希望应用更新时它不会被覆盖。
我遇到了完全相同的问题，这解决了它。另外，我尝试更新到 Sublime 的 2.01 版，它并没有覆盖我的更改。谢谢！ +1。

【解决方案2】：

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

我想提供一个经过测试的解决方案：P 我用:) 替换了我的:<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 剪切和粘贴模板代码（但不要理会该文件，因为下次更新包时它将被覆盖）。

【讨论】：

感谢您添加有关偏好的详细信息 :)
对于 emmet: Prefecenses > Package Setting > Emmet > Settings-User 在里面粘贴这个代码。 { "首选项": { "css.valueSeparator": ":" } }
对于 emmet 3，将其添加到您的首选项中： { "config": { "stylesheet":{ "options":{ "stylesheet.between":":", "stylesheet.after": ";" } } } }

【解决方案3】：

补充的答案是，如果您正在处理 Sass 或 SCSS 文件，则需要在 ~/Library/Application Support/Sublime Text 2/Packages/Sass/ 中逐一编辑 sn-ps实现这一点的片段。

【讨论】：

【解决方案4】：

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

打开：Sublime Text 3 > Package Setting > Emmet > Settings-User and paste

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

【讨论】：

【解决方案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 组合启动 Package 控件选择“Pacage control: Install Pacage”，等待新窗口选择 PackageResourceViewer 选择“PackageResourceViewer：打开资源” 选择 CSS 选择 css_completions.py

改变：

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

开：

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

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

在顶部菜单中包设置> Emmet> 设置-用户并粘贴

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

【讨论】：