我使用的是 Sublime Text 2,css.scss
andcss.less
文件都是白色文本——注释、括号、语法——一切。如果我查看我的常规css
文件,它们有颜色来区分上述所有内容。有没有其他人处理过这个?这是我遇到的一些错误吗?我如何添加自己的颜色或从常规css
文件中获取相同的设置并将其添加到less
and scss
one's?
6 回答
您可以为任何特定扩展设置语法。请看这个:
打开扩展名为 .scss/.less 的相应文件。从顶部的菜单中,转到View > Syntax > [Optional: Open all with current extension as...] > CSS
在 SublimeText 首选项 > 包控制中。
选择“包控制:安装包”。
现在在框中输入“LESS”。单击出现的第一个选项。
重新启动崇高。
打开 LESS 文件
查看 > 语法。选择更少
SASS 也一样
安装包以在 sublime 文本中查看彩色少语法的最佳方法是遵循此链接:
https://sublime.wbond.net/installation#st2
那是因为这里有关于如何做的说明,以防前面答案中写的命令行不起作用。Sublime Text 的不同版本也有两个不同的命令行。
安装包后,您将在 View>Syntax 菜单选项中看到 LESS 类别。
对我来说帮助很大。希望它也适合你!
您可以通过复制以下代码并将其粘贴到 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 并单击“设置语法:sass”
如果你的 Sublime Text 上没有安装包控制,你可以手动安装包。
要手动安装LESS 包,请遵循以下过程:
- 下载LESS 包:https ://github.com/danro/LESS-sublime/archive/master.zip
- 解压存档包
- 从 Sublime Text 转到Preferences → Browse Packages...
- 将包文件夹复制/粘贴到刚刚打开的新窗口中
- 重新启动崇高文本
- 打开一个
.less
文件 - 转到查看 → 语法 → 以当前扩展名打开所有... → 更少
要安装SCSS 包,您必须执行相同的过程。
SCSS包直接下载:https ://github.com/MarioRicalde/SCSS.tmbundle/archive/master.zip
快乐编码!
通过包管理器安装less
和sass
插件以获得这些文件类型的正确语法突出显示。