周四寫著寫著項(xiàng)目材蛛，就想用用sass,由于之前經(jīng)常用日丹，來到這家公司走哺，就很少用了，而且用的是idea,跟webstorm差不多哲虾，配置啥的也應(yīng)該一樣丙躏。就搞一搞择示。
第一步 找到idea preferences
WechatIMG585.jpeg
第二步 在Plugins中下載File Watches 插件（如果Tool里面有，此步略過）
WechatIMG586.jpeg
第三步 點(diǎn)擊File Watches 面板左下角的+晒旅，新增監(jiān)聽任務(wù)栅盲，建議選擇Scss
WechatIMG589.jpeg
第四步 配置Scss 監(jiān)聽命令
WechatIMG588.jpeg
其中，
Program是你Scss在你本地的路徑废恋，下載好scss以后谈秫，命令行which scss可以查看。
Arguments 是配置scss自動(dòng)編譯鱼鼓，生成css文件的路徑拟烫，以及css文件格式等，在這不多說直接復(fù)制這一段就可以迄本。相關(guān)命令可以命令行sass --help查看
—no-cache —update —sourcemap —watch $FileName$:$FileNameWithoutExtension$.css --style compressed(也可以把compressed換成 compact nested expanded這三個(gè)其中一個(gè)硕淑，如果為了減小體積，就用compressed,如果為了css清晰就用expanded,nested是默認(rèn)的嘉赎，compact是把同一個(gè)html標(biāo)簽的css樣式放在一行喜颁，compressed是把所有的css樣式放在一行，來縮小體積)
OutPut paths to refresh：
—no-cache —update —sourcemap —watch $FileName$:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
