Sublime Text 2：如何让 scss 和 Less 文件有颜色？答案

【问题标题】：Sublime Text 2: How to get scss and Less files to have color?Sublime Text 2：如何让 scss 和 Less 文件有颜色？
【发布时间】：2013-06-04 14:33:31
【问题描述】：

我正在使用 Sublime Text 2，css.scss 和 css.less 文件都是白色文本 - cmets、括号、语法 - 一切。如果我查看我的常规 css 文件，它们有颜色来区分以上所有内容。有没有其他人处理过这个？这是我遇到的一些错误吗？如何添加我自己的颜色或从常规 css 文件中获取相同的设置并将其添加到 less 和 scss 的？

【问题讨论】：

标签： sublimetext2 sublimetext

【解决方案1】：

您可以为任何特定扩展设置语法。请看这个：

http://www.codechewing.com/library/set-default-syntax-highlight-for-different-filetypes-sublime-text/

打开相应的扩展名为 .scss/.less 的文件。从顶部的菜单中，转到 View > Syntax > [Optional: Open all with current extension as...] > CSS

【讨论】：

太棒了，甚至不知道这个。谢谢，你拯救了我的编码日。
这是一个很好的答案，但在 Codechewing.com 出现故障的情况下，它几乎是 worthless。请您更新它以使事情正常运行或引用该网站的实际需要知道的内容吗？
@ProtractorNinja 好建议！更新:)
虽然，CSS 语法与 LESS 不同。正确答案应该是安装less package到sublime package control
如果您不想每次都更新语法，请务必使用“以当前扩展名打开所有...”列表。

【解决方案2】：

在 SublimeText 首选项 > 包控制中。
选择“包控制：安装包”。
现在在框中输入“LESS”。单击出现的第一个选项。
重启 Sublime。
打开LESS文件
视图 > 语法。选择更少

SASS 也一样

【讨论】：

你必须先安装包控制才能做到这一点：packagecontrol.io/installation#st2
这也适用于 Sublime 3 吗？对于 LESS 或 SASS，我一无所获。
SCSS 也有一个包。

【解决方案3】：

安装包以在 sublime 文本中查看彩色少语法的最佳方法是点击此链接：

https://sublime.wbond.net/installation#st2

那是因为这里有关于如何做的说明，以防前面答案中写的命令行不起作用。不同版本的 Sublime Text 也有两个不同的命令行。

安装包后，您将在 View>Syntax 菜单选项中看到 LESS 类别。

对我来说帮助很大。希望它也对你有用！

【讨论】：

【解决方案4】：

您可以通过复制以下代码并将其粘贴到 sublime 文本控制台（查看 -> 显示控制台）来安装包管理器：

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

安装完成后按ctrl+shift+p，写安装，然后点击安装包。在出现的屏幕上编写 sass，然后单击 sass 语法包。完成后打开你的 scss 文件，按 ctrl+shift+p 然后写 sass 并点击“set syntax: sass”

【讨论】：

【解决方案5】：

如果您的 Sublime Text 上没有安装 Package Control，您可以手动安装包。

要手动安装LESS package，请遵循以下步骤：

下载 LESS 包：https://github.com/danro/LESS-sublime/archive/master.zip
解压缩存档包
从 Sublime Text 转到 Preferences → Browse Packages...
复制/粘贴包文件夹到刚刚打开的新窗口中
重启 Sublime Text
打开 .less 文件
转到查看 → 语法 → 以当前扩展名打开所有... → 更少

要安装SCSS package，您必须执行相同的步骤。
SCSS包直接下载：https://github.com/MarioRicalde/SCSS.tmbundle/archive/master.zip

编码愉快！

【讨论】：

【解决方案6】：

通过包管理器安装less 和sass 插件以获得这些文件类型的正确语法突出显示。

【讨论】：