webstorm file watchers 配置scss恢氯、less輸出路徑

sass

首先要有ruby環(huán)境，驗(yàn)證Ruby是否安裝成功
ruby -v 或ruby --version
然后安裝sass(npm install -g sass或官網(wǎng)下載)
sass -v 或 sass --version
webstorm 配置指定輸出路徑
1. perferences>tools>file watchers>點(diǎn)擊加號(hào)>scss鼓寺。（
  若無(wú)file watchers 則在perferences>plugins搜索file watchers 下載安裝）
2. arguments:
  --no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css
  output paths to refresh:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
  說(shuō)明：.scss文件與css文件夾的關(guān)系為:

image.png

$FileParentDir$意思是.scss所在文件夾(scss)的父文件(hello)勋拟。

less

npm install -g less
1. perferences>tools>file watchers>點(diǎn)擊加號(hào)>scss。（
  若無(wú)file watchers 則在perferences>plugins搜索file watchers 下載安裝）
2. arguments:
  $FileName$ $FileParentDir$/css/$FileNameWithoutExtension$.css --source-map
  output paths to refresh:
  $FileParentDir$/css/$FileNameWithoutExtension$.css.map(.less文件與css文件夾的關(guān)系與以上一樣)

最后編輯于：2017.12.09 16:45:22

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末妈候，一起剝皮案震驚了整個(gè)濱河市敢靡，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌苦银，老刑警劉巖啸胧，帶你破解...
沈念sama閱讀 218,451評(píng)論 6贊 506
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異墓毒，居然都是意外死亡吓揪，警方通過(guò)查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 93,172評(píng)論 3贊 394
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門(mén)所计，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)柠辞，“玉大人，你說(shuō)我怎么就攤上這事主胧“仁祝” “怎么了？”我有些...
開(kāi)封第一講書(shū)人閱讀 164,782評(píng)論 0贊 354
道士緝兇錄：失蹤的賣(mài)姜人
文/不壞的土叔我叫張陵踪栋，是天一觀的道長(zhǎng)焙格。經(jīng)常有香客問(wèn)我，道長(zhǎng)夷都，這世上最難降的妖魔是什么眷唉？我笑而不...
開(kāi)封第一講書(shū)人閱讀 58,709評(píng)論 1贊 294
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮，結(jié)果婚禮上冬阳，老公的妹妹穿的比我還像新娘蛤虐。我一直安慰自己，他們只是感情好肝陪，可當(dāng)我...
茶點(diǎn)故事閱讀 67,733評(píng)論 6贊 392
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布驳庭。她就那樣靜靜地躺著，像睡著了一般氯窍。火紅的嫁衣襯著肌膚如雪旷档。梳的紋絲不亂的頭發(fā)上穆桂，一...
開(kāi)封第一講書(shū)人閱讀 51,578評(píng)論 1贊 305
城市分裂傳說(shuō)
那天凉驻，我揣著相機(jī)與錄音系羞，去河邊找鬼。笑死熊楼，一個(gè)胖子當(dāng)著我的面吹牛霹娄，可吹牛的內(nèi)容都是我干的能犯。我是一名探鬼主播鲫骗，決...
沈念sama閱讀 40,320評(píng)論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼踩晶！你這毒婦竟也來(lái)了执泰？” 一聲冷哼從身側(cè)響起，我...
開(kāi)封第一講書(shū)人閱讀 39,241評(píng)論 0贊 276
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤渡蜻，失蹤者是張志新（化名）和其女友劉穎术吝，沒(méi)想到半個(gè)月后，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體茸苇，經(jīng)...
沈念sama閱讀 45,686評(píng)論 1贊 314
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡排苍，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 37,878評(píng)論 3贊 336
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了学密。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片淘衙。...
茶點(diǎn)故事閱讀 39,992評(píng)論 1贊 348
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖腻暮，靈堂內(nèi)的尸體忽然破棺而出彤守，到底是詐尸還是另有隱情，我是刑警寧澤哭靖，帶...
沈念sama閱讀 35,715評(píng)論 5贊 346
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布具垫，位于F島的核電站，受9級(jí)特大地震影響试幽，放射性物質(zhì)發(fā)生泄漏筝蚕。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,336評(píng)論 3贊 330
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望起宽。院中可真熱鬧蔗坯，春花似錦、人聲如沸燎含。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 31,912評(píng)論 0贊 22
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)屏箍。三九已至绘梦，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間赴魁，已是汗流浹背卸奉。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 33,040評(píng)論 1贊 270
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留颖御，地道東北人榄棵。一個(gè)月前我還...
沈念sama閱讀 48,173評(píng)論 3贊 370
代替公主和親
正文我出身青樓，卻偏偏與公主長(zhǎng)得像潘拱，于是被迫代替她去往敵國(guó)和親疹鳄。傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 44,947評(píng)論 2贊 355

webstorm file watchers 配置scss抱究、less輸出路徑

webstorm file watchers 配置scss恢氯、less輸出路徑

sass

less

推薦閱讀更多精彩內(nèi)容