webstrom中使用 scss

最近忙了好几天,终于有时间出来写博客了,然而好多东西时间久了容易忘,今天整理下关于webstrom中 scss的相关笔记!(如有错误,还望大神指教)

scss相关的语法及写法可以参考下 https://www.cnblogs.com/dreamsboy/p/6658695.html ,这里说下多个scss文件的整理和编译
新建多个_filename.scss文件,文件名前加 _ ,然后在web.scss里 引入(@import),
这里写图片描述
webstrom 里在设置 file→ setting → tool → File Watchers → +(绿色加号)→ scss
这里写图片描述
会有一个new watcher 弹框,只需修改下 arguments 的参数 (可以不改,不做修改的情况下生成的css文件也会在scss文件夹下), 修改路径设置在scss文件夹同级的css文件夹下(--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css) 。请注意 FileParentDir F i l e P a r e n t D i r 表示的是scss文件所在的文件夹的父级文件夹
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值