怎样在vs2013和vs2015中实现自动编译sass

2018-06-24 02:21:56来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

 Visual Studio不论是2013版本还是2015版本要自动编译都需要添加扩展。

添加扩展的方法,路径“工具”->“扩展和更新”,在打开的窗口“搜索”你需要的扩展根据提示“下载”和“安装”。

 

首先,来看一下vs2013的扩展:Web Essentials

 

你不想被编译的scss文档在文件名的前面添加一个下划线就行了。没有添加下划线的文件会被自动编译为css文件。

 

再来,vs2015的扩展:Web Compiler

有人会问为什么不用vs2013中的“Web Essentials”,我来看一下“Web Essentials”官网中的提示:

原来sass得自动编译功能已经从“Web Essentials”拆分出来了,新的名字叫“Web Compiler”。

使用方面也做了修改。你会发现scss编辑保存后并没有自动修改。

在“Web Compiler”你要自动编译的scss必须要添加到自动编译的配置中。

也提供快捷键“shift+alt+q”。

第一次添加后生产一个配置文件。

配置文件这里就不讲解了。

这样你的scss编辑保存后就能自动编译了。

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS多列布局(实例)

下一篇:复习HTML+CSS(7)