webstorm编译sass与调试

1、配置和输出方式:

嵌套输出方式 nested

展开输出方式 expanded

紧凑输出方式 compact

压缩输出方式 compressed

(webstorm怎么配置输出方式)

settings > 搜索file watchers > 新建sass 


webstorm编译sass与调试_第1张图片
配置

2、调试sass:

第一步打开调试器:

webstorm编译sass与调试_第2张图片
调试器显示如图

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


webstorm编译sass与调试_第3张图片
选择完成如图

第三步建立关联:

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


webstorm编译sass与调试_第4张图片
选择关联

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

你可能感兴趣的:(webstorm编译sass与调试)