如何在Visual Studio 2013中使用Sass CSS预处理器?是否有任何扩展可为Sass提供支持?
Visual Studio 2013 Update 2对SCSS和LESS文件均具有本机语法支持。您可以创建SCSS或LESS文件,并查看这些文件类型的语法突出显示和智能提示。但是,它不提供编译方法。
这是博客的链接,其中介绍了新功能:
我们在VS2013 RTM中添加了LESS,现在我们有了一个SASS项目项和编辑器。SASS编辑器功能可与LESS编辑器媲美,包括着色,变量和Mixins IntelliSense,注释/取消注释,快速信息,格式,语法验证,概述,转到定义,颜色选择器,工具选项设置等。
请注意:此更新似乎仅支持较新的SassyCSS语法。我尝试使其与较早的缩进SASS语法一起使用没有任何成功。
不幸的是,对于那些迁移到Visual Studio 2015的人来说,仍然没有对SASS和LESS编译的本机支持。不幸的是,Web Essentials也将不再支持编译。网络基础(克里斯滕森的Mads)的作者解释作出这一决定的原因在这里。
这是可以处理编译的扩展列表:
WebCompiler(免费)
Mads Kristensen(Web Essentials的作者)创建了一个名为Web Compiler的独立编译工具。您所要做的就是安装它,然后右键单击要编译的任何SASS文件,然后选择“ Web编译器”>“编译文件”。从那时起,将对其进行监视并随时对其进行保存,将对文件进行编译。
CompassSASS(免费)
与Web编译器类似,这是一个独立的扩展,它被创建为可在VS2013和VS2015中使用,因为从流行的Web Essentials扩展中删除了编译。它是轻量级的,并且具有出色的错误报告功能,可以很好地完成工作。在此处阅读有关扩展的作者博客。
Web工作台(免费/付费)
多年来,在编译SASS时,Mindscape的Web Workbench是我最喜欢的扩展,但是自那以后,我便不再使用免费的替代程序了。Pro版本仍然是一个功能强大的工具,可以通过多种方式来自定义输出文件,但是考虑到那里有免费工具,它也相当昂贵(39美元)。
确实与上述相同,它通过语法高亮和Intellisense对SASS和LESS具有本机支持,但缺少编译功能。
上面概述的所有编译器都可以使用,但是如果您想手动设置编译,则可以参考以下指南:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句