Visual Studio 中的 SASS 语法高亮显示

Question

目前我在Visual Studio中使用这个插件来实现语法高亮：http://www.mindscapehq.com/products/web-workbench

个人而言，我不喜欢这个插件。与其他编辑器相比，它具有有限的功能和较差的格式。在我的自由工作中，我使用Sublime Text 2和Aptana，这两种编辑器对SASS有出色的支持。但在我的工作中，我必须使用Visual Studio。还有其他人知道一个有良好的SASS支持的好插件吗？

我不在乎它是否可以构建文件，我始终通过命令行完成该操作。我只需要一个具有良好的语法支持的插件。

- ddilsaver

---

它在底部附近说，当使用Web Workbench时，Web Essentials具有一些额外的功能。您安装了Web Essentials吗？http://visualstudiogallery.msdn.microsoft.com/6ed4c78f-a23e-49ad-b5fd-369af0c2107f - DeeDub

@TNCodeMonkey 我还没有安装那个。我也在网站上找不到它的发布信息。我会安装它并看看是否有帮助。谢谢。 - ddilsaver

你是在说 Mindscape Workbench 还是 Web Essentials？ - DeeDub

我的错，这是正确的链接：http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6 - DeeDub

我也放弃了Web Workbench。我很幸运在工作中可以使用Sublime Text 2，所以在Visual Studio中，我将“Sublime Text 2”设置为*.sass、*.scss文件的默认编辑器。虽然不是最理想的选择，但能胜任工作。 - ThiagoPXP

Answer 1

试用 SassyStudio，它是免费的，并且与 VS 2012/13 兼容：

http://visualstudiogallery.msdn.microsoft.com/85fa99a6-e4c6-4a1c-9f00-e6a8129b6f4d?SRC=VSIDE

我也不想为 Web Workbench 支付每年 $39。对我来说，SassyStudio 完美的运行。

这里是我正在使用的设置（由开发者提供给我的）:

• 环境
  • 字体和颜色
  • 向下滚动
  • "显示项目"
  • 点击一个项目，例如 "SCSS CSS Property Name"
  • 更改 "Item foreground" 颜色 (保持背景不变)
• Sassy
  • Studio Experimental Intellisense: True
• 文本编辑器
  • 文件扩展名
  • 确保不存在 css、scss 或 sass 文件扩展名 (删除任何存在的)

重启 VS 使这些更改生效。

- Ryan

---

这看起来非常有前途。你知道是否有一种方法可以自定义语法高亮的颜色吗？现在父元素只是黑色的，我想改变它。我在文档中没有看到任何东西，所以我认为我必须在VS设置中更改它。 - ddilsaver

问题是，SassyStudio在Visual Studio 2015中无法工作。 - Dmytro Shevchenko

Answer 2

尝试以下步骤：

在VS 2012中打开菜单 Tools > Options，在左侧选择 Text Editor > File Extension，然后添加 scss 作为扩展名，并从下拉菜单中选择 CSS Source Editor 作为编辑器。

- Welly

---

这不太行。当您开始在.scss语法中嵌套元素时，会破坏缩进。虽然是个好主意。 - ddilsaver

我喜欢这个想法。我想要的只是缩进。:D - traditional

Answer 3

Visual Studio 2013 更新 2 增加了 sass 语法高亮功能。

http://blogs.msdn.com/b/webdev/archive/2014/04/02/announcing-new-web-features-in-visual-studio-2013-update-2-rc.aspx

我正在想办法让指南针在其中运转。 :)

- Sprintstar

---

哦，糟糕，微软也开始跟进了！ - ddilsaver