如何在Visual Studio 2013中使用Sass

哈马德·玛雅

如何在Visual Studio 2013中使用Sass CSS预处理器是否有任何扩展可为Sass提供支持?

克里斯·斯皮特尔斯

Visual Studio 2013更新2

Visual Studio 2013 Update 2对SCSS和LESS文件均具有本机语法支持。您可以创建SCSS或LESS文件,并查看这些文件类型的语法突出显示和智能提示。但是,它不提供编译方法。

这是博客链接,其中介绍了新功能:

我们在VS2013 RTM中添加了LESS,现在我们有了一个SASS项目项和编辑器。SASS编辑器功能可与LESS编辑器媲美,包括着色,变量和Mixins IntelliSense,注释/取消注释,快速信息,格式,语法验证,概述,转到定义,颜色选择器,工具选项设置等。

请注意:此更新似乎仅支持较新的SassyCSS语法。我尝试使其与较早的缩进SASS语法一起使用没有任何成功。

汇编

  • Web Essentials这是一个很棒的工具,可以为您完成所有“艰巨”的工作。Web Essentials的较新版本可用于Visual Studio 2013 Update 3、4和5。
  • 另一个仅处理编译的免费软件是CompileSASS,它也可以在VS2015中使用。
  • 或者,您可以使用MindScape的WebWorkbench,这是一个很棒的工具,具有许多不错的功能。有一个免费版本可以满足您的需要,但还有一个付费版本,它要全面得多(但我认为考虑到更好的免费替代方案有点太贵了)。

Visual Studio 2015

不幸的是,对于那些迁移到Visual Studio 2015的人来说,仍然没有对SASS和LESS编译的本机支持。不幸的是,Web Essentials也将不再支持编译。网络基础(克里斯滕森的Mads)的作者解释作出这一决定的原因在这里

这是可以处理编译的扩展列表:

WebCompiler(免费)

Mads Kristensen(Web Essentials的作者)创建了一个名为Web Compiler的独立编译工具您所要做的就是安装它,然后右键单击要编译的任何SASS文件,然后选择“ Web编译器”>“编译文件”。从那时起,将对其进行监视并随时对其进行保存,将对文件进行编译。

下载Web编译器

CompassSASS(免费)

与Web编译器类似,这是一个独立的扩展,它被创建为可在VS2013VS2015中使用,因为从流行的Web Essentials扩展中删除了编译。它是轻量级的,并且具有出色的错误报告功能,可以很好地完成工作。此处阅读有关扩展的作者博客

下载编译SASS

Web工作台(免费/付费)

多年来,在编译SASS时,Mindscape的Web Workbench是我最喜欢的扩展,但是自那以后,我便不再使用免费的替代程序了。Pro版本仍然是一个功能强大的工具,可以通过多种方式来自定义输出文件,但是考虑到那里有免费工具,它也相当昂贵(39美元)。

下载Web WorkBench


Visual Studio程式码

确实与上述相同,它通过语法高亮和Intellisense对SASS和LESS具有本机支持,但缺少编译功能。

上面概述的所有编译器都可以使用,但是如果您想手动设置编译,则可以参考以下指南:

https://code.visualstudio.com/Docs/languages/css

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Visual Studio 2013中启用强大的驼鹿(continuoustests)?

来自分类Dev

如何在Visual Studio 2013中使用键盘切换到其他选项卡组

来自分类Dev

如何在Visual Studio 2013中使用IIS(非Express)进行调试

来自分类Dev

如何在Visual Studio 2013中定位WP7.1

来自分类Dev

如何在Visual Studio 2013中使用“外部工具”启动Posh-Git?

来自分类Dev

如何在Visual Studio 2013 Web Essentials扩展中使用JsHint“ .jshintrc”文件?

来自分类Dev

如何在Visual Studio 2013 Express中安装NUnit插件?

来自分类Dev

如何在Visual Studio 2013(WinForms / Wpf)中使用ReportViewer 2012

来自分类Dev

如何在Visual Studio 2013的Web Essentials中禁用JSCS?

来自分类Dev

如何在Visual Studio 2010中使用互斥锁

来自分类Dev

如何在Visual Studio 2013中删除未使用的功能

来自分类Dev

如何在Visual Studio 2013中使用带有/不带有Microsoft Application Verifier的调试

来自分类Dev

无法在Visual Studio 2013中使用断点调试测试

来自分类Dev

如何使用Visual Studio 2013设置Bootstrap SASS / SCSS?

来自分类Dev

如何在Visual Studio 2013中记录我的SQL调用?

来自分类Dev

在Visual Studio 2013中使用画布

来自分类Dev

如何在Visual Studio 2013中本地使用SDL

来自分类Dev

在Visual Studio 2013中使用strcpy()

来自分类Dev

如何在Visual Studio中使用libpng?

来自分类Dev

在Visual Studio 2013中使用Roslyn编译器

来自分类Dev

如何在Visual Studio中使用IntelliCode?

来自分类Dev

如何在Visual Studio中使用PhoneGap

来自分类Dev

如何在Visual Studio 2013中使用“外部工具”启动Posh-Git?

来自分类Dev

如何在Visual Studio 2013(WinForms / Wpf)中使用ReportViewer 2012

来自分类Dev

如何在Visual Studio 2013中使用SSL

来自分类Dev

如何在Visual Studio 2013中使用带有/不带有Microsoft Application Verifier的调试

来自分类Dev

在Visual Studio 2013中使用快捷方式

来自分类Dev

如何在Visual Studio中使用Startswith

来自分类Dev

如何在 Visual Studio 2017 中使 != 变为 ==

Related 相关文章

  1. 1

    如何在Visual Studio 2013中启用强大的驼鹿(continuoustests)?

  2. 2

    如何在Visual Studio 2013中使用键盘切换到其他选项卡组

  3. 3

    如何在Visual Studio 2013中使用IIS(非Express)进行调试

  4. 4

    如何在Visual Studio 2013中定位WP7.1

  5. 5

    如何在Visual Studio 2013中使用“外部工具”启动Posh-Git?

  6. 6

    如何在Visual Studio 2013 Web Essentials扩展中使用JsHint“ .jshintrc”文件?

  7. 7

    如何在Visual Studio 2013 Express中安装NUnit插件?

  8. 8

    如何在Visual Studio 2013(WinForms / Wpf)中使用ReportViewer 2012

  9. 9

    如何在Visual Studio 2013的Web Essentials中禁用JSCS?

  10. 10

    如何在Visual Studio 2010中使用互斥锁

  11. 11

    如何在Visual Studio 2013中删除未使用的功能

  12. 12

    如何在Visual Studio 2013中使用带有/不带有Microsoft Application Verifier的调试

  13. 13

    无法在Visual Studio 2013中使用断点调试测试

  14. 14

    如何使用Visual Studio 2013设置Bootstrap SASS / SCSS?

  15. 15

    如何在Visual Studio 2013中记录我的SQL调用?

  16. 16

    在Visual Studio 2013中使用画布

  17. 17

    如何在Visual Studio 2013中本地使用SDL

  18. 18

    在Visual Studio 2013中使用strcpy()

  19. 19

    如何在Visual Studio中使用libpng?

  20. 20

    在Visual Studio 2013中使用Roslyn编译器

  21. 21

    如何在Visual Studio中使用IntelliCode?

  22. 22

    如何在Visual Studio中使用PhoneGap

  23. 23

    如何在Visual Studio 2013中使用“外部工具”启动Posh-Git?

  24. 24

    如何在Visual Studio 2013(WinForms / Wpf)中使用ReportViewer 2012

  25. 25

    如何在Visual Studio 2013中使用SSL

  26. 26

    如何在Visual Studio 2013中使用带有/不带有Microsoft Application Verifier的调试

  27. 27

    在Visual Studio 2013中使用快捷方式

  28. 28

    如何在Visual Studio中使用Startswith

  29. 29

    如何在 Visual Studio 2017 中使 != 变为 ==

热门标签

归档