關于Sublime text 3如何編輯less并轉(編譯)成css文件

今天開始學習使用less這個強大方便的前端工具酿雪,本來是考慮用koala(專門編輯less的軟件)來使用less的遏暴,但是發(fā)現(xiàn)sublime編輯器也可以實現(xiàn)對less的編譯及高亮顯示代碼,這樣既能少用一個軟件還能擴展sublime的功能指黎,何樂而不為朋凉,于是趕緊去網上查了資料并加以整理。

1醋安、在sublime里安裝好less(less語法高亮功能插件)和Less2Css(編譯功能插件)這兩個插件杂彭,具體步驟為:

Ctrl+Shift+p打開命令面板,輸入install package并在下拉里選中install package(這里必須已經安裝好了管理插件的package control插件)吓揪,彈出新搜索框之后再輸入要安裝的插件亲怠,然后下拉出現(xiàn)對應插件,點擊安裝柠辞。

2团秽、安裝好插件后還不能編譯,必須還要安裝好node.js才行

下載傳送門:Node.js叭首,必須保證系統(tǒng)中已經安裝了nodejs并且路徑已經添加到環(huán)境變量里面习勤,一般安裝好之后就已經自動添加到系統(tǒng)環(huán)境變量Path里,不過最好打開確認一下焙格,打開方法:右鍵計算機->屬性->環(huán)境變量->在系統(tǒng)變量里找到Path图毕,然后選擇下面的編輯按鈕,里面的變量值就是

系統(tǒng)環(huán)境變量:


3眷唉、安裝less

在cmd 下輸入命令:npm install -g less吴旋,安裝好之后在 Sublime 里面Ctrl+n新建less文件時损肛,會有一個錯誤:LESS: Unable to interpret argument clean-css,這是因為還需要一個插件:less-plugin-clean-css插件的安裝荣瑟,同樣在cmd下輸入命令:npm install less-plugin-clean-css治拿,安裝好之后問題就解決了

使用方法:在sublime中新建一個less文件笆焰,按Ctrl+s就會根據當前文件編譯為一個css文件劫谅,這個新建的文件默認放在less文件同目錄下,之后每次編輯完less文件之后Ctrl+s保存嚷掠,同目錄下的css文件也會同步更新內容捏检。

好了,這樣就可以開始在sublime上愉快的編輯less啦~

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末不皆,一起剝皮案震驚了整個濱河市贯城,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌霹娄,老刑警劉巖能犯,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異犬耻,居然都是意外死亡踩晶,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門枕磁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渡蜻,“玉大人,你說我怎么就攤上這事计济∪孜” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵沦寂,是天一觀的道長学密。 經常有香客問我,道長凑队,這世上最難降的妖魔是什么则果? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任幔翰,我火速辦了婚禮漩氨,結果婚禮上,老公的妹妹穿的比我還像新娘遗增。我一直安慰自己叫惊,他們只是感情好,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布做修。 她就那樣靜靜地躺著霍狰,像睡著了一般抡草。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蔗坯,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天康震,我揣著相機與錄音,去河邊找鬼宾濒。 笑死腿短,一個胖子當著我的面吹牛,可吹牛的內容都是我干的绘梦。 我是一名探鬼主播橘忱,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼卸奉!你這毒婦竟也來了钝诚?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤榄棵,失蹤者是張志新(化名)和其女友劉穎凝颇,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體秉继,經...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡祈噪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了尚辑。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片辑鲤。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖杠茬,靈堂內的尸體忽然破棺而出月褥,到底是詐尸還是另有隱情,我是刑警寧澤瓢喉,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布宁赤,位于F島的核電站,受9級特大地震影響栓票,放射性物質發(fā)生泄漏决左。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一走贪、第九天 我趴在偏房一處隱蔽的房頂上張望佛猛。 院中可真熱鬧,春花似錦坠狡、人聲如沸继找。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽婴渡。三九已至幻锁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間边臼,已是汗流浹背哄尔。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留柠并,地道東北人究飞。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像堂鲤,于是被迫代替她去往敵國和親亿傅。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內容