Sass对Sublime Text 2的支持?\[关闭\]

上海社会科学院 CSS

乐米亚

2020-03-18

是否存在用于Sublime Text 2中编辑Sass的软件包

这似乎很流行:https : //github.com/n00ge/sublime-text-haml-sass

但是,安装后,似乎只为scss文件提供语法高亮显示

理想情况下,我希望语法高亮显示,缩进和完成sass语法。

第2143篇《Sass对Sublime Text 2的支持?\[关闭\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

6个回答
伽罗猪猪理查德 2020.03.18

如果程序包冲突引起麻烦(例如Haml问题),并且您需要编辑/覆盖程序包,例如<string>sass</string>Ruby HAML文件中删除部件,那么我强烈建议使用程序包资源查看器(和编辑器)插件。

  1. 安装 PackageResourceViewer
  2. 使用调色板来做PackageResourceViewer: Open Resource



  3. Rails然后选择Ruby Haml.tmLanguage

    screen-2014-02-25_10.37.09.png
  4. 注释掉违规行:

    screen-2014-02-25_10.39.12.png

  5. 保存文件(这是很棒的部分,因为会PackageResourceViewer自动将覆盖的部分自动保存到正确的位置。

  6. 做完了

现在,去调整其他烦人的软件包中的所有小设置/默认设置。

乐理查德 2020.03.18

关于本文

  1. 安装sass-textmate-bundle插件
  2. 打开一些sass文件
  3. 单击查看 | 语法 | 以当前扩展名打开所有… | | 萨斯
西里Jim 2020.03.18

我建议您使用以下代码https : //github.com/nathos/sass-textmate-bundle,如果仅用于惊人的代码完成-与SASS / SCSS兼容。

Whenever in doubt about packages, and assuming you use the amazing Sublime Package Control, just use the packages list, type something (the result will be sorted by the number of installs), and usually the most popular one is the best one.

GilTony梅 2020.03.18

它仅适用于您的scss文件的原因是因为Ruby HAML突出显示设置会覆盖您的sass突出显示。

转到Preferences>Browse Packages...

查找并Ruby Haml.tmLanguageRails文件夹中打开

从以下更改文件类型:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>fileTypes</key>
    <array>
        <string>haml</string>
        <string>sass</string> <!-- This line is causing the problem -->
    </array>
    <key>foldingStartMarker</key>
    <string>^\s*([-%#\:\.\w\=].*)\s$</string>
    <key>foldingStopMarker</key>
    <string>^\s*$</string>
...

至:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>fileTypes</key>
    <array>
        <string>haml</string>
    </array>
    <key>foldingStartMarker</key>
    <string>^\s*([-%#\:\.\w\=].*)\s$</string>
    <key>foldingStopMarker</key>
    <string>^\s*$</string>
...

现在,您安装的SASS高亮包应该可以正常工作。

神无Jim小哥 2020.03.18

我最近在此发表了一篇博客文章:如何为Sublime Text添加SASS支持

快速摘要:

  • 要突出显示语法,请安装sass-textmate-bundle插件插件Sass在Package Control中简单地调用您会发现sass默认情况下不会正确突出显示文件,但是在本文中,我详细介绍了两秒钟的修复过程,该修复过程不涉及破解Sublime的任何默认插件。
  • 安装SASS Build插件以启用Sublime的构建sassscss文件。
  • 添加SublimeOnSaveBuild插件,每当您将更改保存到文件时,该插件都会自动运行一个构建。

查看博客文章以获取完整详细信息。

达蒙老丝 2020.03.18

由于附加扩展名,我遇到了https://github.com/n00ge/sublime-text-haml-sass无法识别Rails默认.css.sass文件的问题.css我同意上面的Maxime的观点,即使用https://github.com/seaofclouds/sass-textmate-bundle是更好的选择,并且通过package控件进行安装是理想的http://wbond.net/sublime_packages/package_control解决无法识别.css.sass扩展名的方法是直接编辑Sass软件包。转到Sublime Text 2 > Preferences > Browse Packages并编辑Sass\Syntaxes\Sass.tmLanguage文件。添加<string>css.sass</string><array>块。

<key>fileTypes</key>
<array>
  <string>sass</string>
  <string>css.sass</string>
  <string>scss</string>
</array>

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android