Visual Studio中的SASS语法突出显示

时间:2012-11-30 14:04:01

标签: css visual-studio-2010 visual-studio visual-studio-2012 sass

目前,我在Visual Studio http://www.mindscapehq.com/products/web-workbench

中使用此插件进行语法突出显示

我个人根本不喜欢它。与其他编辑器相比,它具有有限的功能和糟糕的格式。在我的自由职业作品中,我使用Sublime Text 2和Aptana,它们对SASS有很好的支持。但在我的工作中,我必须使用Visual Studio。有没有其他人知道一个有SASS支持的好插件?

我不关心它是否通过命令行构建我这样做的文件。我只想要一些语法支持很好的东西。

3 个答案:

答案 0 :(得分:11)

尝试SassyStudio。它是免费的,适用于VS 2012/13:

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

我也不想每年为Web Workbench支付39美元。 SassyStudio非常适合我。

以下是我正在使用的设置(given to me by the developer):

  • 环境
    • 字体和颜色
    • 向下滚动
    • “显示项目”
    • 点击某个项目,即“SCSS CSS Property Name”
    • 更改“项目前景”颜色(仅留下背景)
  • 野蛮
    • Studio Experimental Intellisense:True
  • 文字编辑器
    • 文件扩展名
    • 确保没有css,scss或sass文件扩展名(删除任何存在的扩展名)

重启VS以使这些更改生效。

答案 1 :(得分:4)

试试这个:

在VS 2012中打开菜单工具>选项,在左侧选择菜单文本编辑器>文件扩展名然后添加scss作为扩展名,并从下拉列表中选择CSS Source Editor作为编辑器

答案 2 :(得分:2)

Visual Studio 2013 Update 2添加了sass语法高亮显示:

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

我正在研究如何让指南针随之而来。 :)