Sublime配置SASS

第一步:ruby安裝

因?yàn)閟ass是依賴于ruby的啃沪,所以需要先安裝ruby陌粹。官網(wǎng)下載ruby

安裝過(guò)程中溺蕉,請(qǐng)注意奏属,勾選?Add Ruby executables to your PATH?選項(xiàng)跨跨,可以保證在系統(tǒng)中添加好環(huán)境變量,防止之后在編譯軟件中發(fā)生找不到ruby環(huán)境的錯(cuò)誤囱皿。另勇婴,安裝地址無(wú)特殊要求。

安裝注意事項(xiàng)

第二步:sass安裝

安裝完ruby后嘱腥,可在菜單中找到ruby耕渴,打開(kāi)?Start Command Prompt with Ruby

安裝sass

在命令行中輸入

gem install sass?

enter確認(rèn),等待一會(huì)后提示安裝成功爹橱。

因?yàn)楸娝苤木W(wǎng)絡(luò)問(wèn)題萨螺,如果沒(méi)有安裝成功,可以利用淘寶的RubyGems鏡像安裝sass愧驱。

首先慰技,我們需要把默認(rèn)的https://rubygems.org源移除

gem sources --remove https://rubygems.org/

然后添加淘寶的源https://ruby.taobao.org/

gem sources -a https://ruby.taobao.org/

之后可以查看一下當(dāng)前使用的源

gem sources -l

如果顯示是淘寶的,那么就可以輸入安裝sass命令

gem install sass

更多的gem命令可以點(diǎn)這里

第三步:sublime中安裝相關(guān)插件

安裝插件

選擇 Sass 與 Sass Builder安裝组砚。

第四步:測(cè)試

在 Sublime 中新建文件 test.scss

$color: #369;

body {

background: darken($color, 10%);

}

Ctrl+B吻商,進(jìn)行編譯。如果成功糟红,則顯示

write C:\Users\work/test.css

……

如果未編譯成功艾帐,則顯示

[Decode error - output not utf-8]

……

針對(duì)這個(gè)坑,有兩種解決方法盆偿。

1.第一步中就提醒要勾選 Add Ruby executables to your PATH 選項(xiàng)柒爸,如果沒(méi)有勾選,那么就會(huì)造成該問(wèn)題事扭。解決方法是:

右鍵 我的電腦(此電腦)捎稚,選擇 屬性高級(jí)(高級(jí)系統(tǒng)設(shè)置)求橄,環(huán)境變量今野,編輯PATH,將自己的ruby/bin地址新建進(jìn)去罐农,如:C:\Users\lt\Downloads\Ruby200-x64\bin

環(huán)境變量設(shè)置

確定后条霜,重啟Sublime和相關(guān)文件,即可Ctrl+B編譯成功涵亏。

2.如果上面的方法還是沒(méi)有填上這個(gè)坑宰睡,那就在試試這個(gè)方法吧蒲凶。如果之前,輸入

?sass -v?

沒(méi)有正確輸出sass的版本號(hào)夹厌,那就再運(yùn)行一次

gem install rails

命令豹爹,安裝gem∶疲回到Sublime中臂聋,看看是否可以編譯成功了呢。

最后是學(xué)習(xí)sass的網(wǎng)站:

SASS中文網(wǎng):http://www.sasschina.com/

SASS用法指南(阮一峰):http://www.ruanyifeng.com/blog/2012/06/sass.html

SASS在線轉(zhuǎn)換器:http://www.sassmeister.com/

填坑參考:

Sublime Text 3 配置 sass - taodesign

Sublime Sass插件編譯出錯(cuò)

Sass Guide

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末或南,一起剝皮案震驚了整個(gè)濱河市孩等,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌采够,老刑警劉巖肄方,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異蹬癌,居然都是意外死亡权她,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)逝薪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)隅要,“玉大人,你說(shuō)我怎么就攤上這事董济〔角澹” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵虏肾,是天一觀的道長(zhǎng)廓啊。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上戳鹅,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著斩个,像睡著了一般胯杭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上受啥,一...
    開(kāi)封第一講書(shū)人閱讀 49,031評(píng)論 1 285
  • 那天做个,我揣著相機(jī)與錄音鸽心,去河邊找鬼。 笑死居暖,一個(gè)胖子當(dāng)著我的面吹牛顽频,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播太闺,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼糯景,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了省骂?” 一聲冷哼從身側(cè)響起蟀淮,我...
    開(kāi)封第一講書(shū)人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎钞澳,沒(méi)想到半個(gè)月后怠惶,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡轧粟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年策治,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片兰吟。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡通惫,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出揽祥,到底是詐尸還是另有隱情讽膏,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布拄丰,位于F島的核電站府树,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏料按。R本人自食惡果不足惜奄侠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望载矿。 院中可真熱鬧垄潮,春花似錦、人聲如沸闷盔。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)逢勾。三九已至牡整,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間溺拱,已是汗流浹背逃贝。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工谣辞, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人沐扳。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓泥从,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親沪摄。 傳聞我的和親對(duì)象是個(gè)殘疾皇子躯嫉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

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