Visual Studio中的SASS语法突出显示

css CSS

番长猴子

2020-03-23

目前,我使用此插件在Visual Studio http://www.mindscapehq.com/products/web-workbench中突出显示语法

我个人根本不喜欢它。与其他编辑器相比,它的功能有限且格式较差。在我的自由职业中,我使用Sublime Text 2和Aptana,它们对SASS具有出色的支持。但是在我的工作中,我必须使用Visual Studio。有谁知道有支持SASS的优秀插件吗?

我不在乎它是否通过命令行构建文件。我只想要一些具有良好语法支持的东西。

第3010篇《Visual Studio中的SASS语法突出显示》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
西里Gil 2020.03.23

尝试这个 :

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

猴子 2020.03.23

尝试SassyStudio。它是免费的,可与VS 2012/13一起使用:

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

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

这是我正在使用的设置(由开发人员提供):

  • 环境
    • 字体和颜色
    • 向下滚动
    • “显示项目”
    • 单击一个项目,即“ SCSS CSS属性名称”
    • 更改“项目前景”颜色(不留背景)
  • 野蛮的
    • Studio Experiment Intellisense:真
  • 文本编辑器
    • 文件扩展名
    • 确保没有css,scss或sass文件扩展名(删除所有存在的扩展名)

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

蛋蛋 2020.03.23

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

我正在研究如何使用指南针。:)

问题类别

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