Question

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

position: relative;

如何删除此空间？

Answer 1

我做了一些挖掘，并希望提出一个替代解决方案。

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

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

Answer 2

编辑：我在下面提交了一个不同的解决方案，但是想留下这个，以防ppl对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剪切和粘贴模板代码（但请保留该文件，因为下次更新软件包时会覆盖该文件）。

Answer 3

额外的答案是，如果你在Sass或SCSS文件中工作，你需要在〜/ Library / Application Support / Sublime Text 2 / Packages /中逐个编辑片段。 Sass / Snippets实现这一目标。

Answer 4

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

开放：Sublime Text 3＆gt;包装设置＆gt; Emmet＆gt;设置 - 用户和粘贴

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

Answer 5

Sublime Text 3的解决方案：

安装Pacage控件（如果尚未安装）：打开控制台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 Pacage，你还需要这样做：

在顶部菜单中包装设置＆gt;埃米特＆GT;设置 - 用户和粘贴

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

如何使用Sublime Text 2删除CSS中冒号后的额外空格？

5 个答案: