美文网首页Web 前端开发
webstorm编译sass与调试

webstorm编译sass与调试

作者: Dream_person | 来源:发表于2016-11-24 17:22 被阅读0次

1、配置和输出方式:

嵌套输出方式 nested

展开输出方式 expanded

紧凑输出方式 compact

压缩输出方式 compressed

(webstorm怎么配置输出方式)

settings > 搜索file watchers > 新建sass 

配置

2、调试sass:

第一步打开调试器:

调试器显示如图

第二步右击选择Add folder to worlspace选择你的项目文件:

选择完成如图

第三步建立关联:

选择你的html文件右击选择Map to network resource...

选择关联

关联完成你可以在浏览器中轻松调试你的sass文件,本地文件也会随之改变!!!

相关文章

网友评论

    本文标题:webstorm编译sass与调试

    本文链接:https://www.haomeiwen.com/subject/towbpttx.html