windows下 sbulime text 安装less2css踩的几个坑
sublime 就不介紹了,less2css 是一個(gè)安裝在sublime上的插件,可以讓你書(shū)寫(xiě)less后自動(dòng)生成css文件,而且還可以提示less的語(yǔ)法錯(cuò)誤。
搜了一下相關(guān)的教程,很多都寫(xiě)的不全,按照他們的步驟操作下來(lái)之后發(fā)現(xiàn)有錯(cuò)誤,甚至無(wú)法正確運(yùn)行。
直入主題吧,步驟(這里只寫(xiě)windows下的安裝步驟,mac下使用brew來(lái)安裝很簡(jiǎn)單,而且一般也不會(huì)出錯(cuò),直接跳過(guò)了)
1. 自動(dòng)編譯依賴(lài)于node,因此要先安裝node,進(jìn)入node官網(wǎng)下載自己需要的版本然后安裝完成,通常安裝程序會(huì)自動(dòng)幫你配置環(huán)境變量,將node安裝目錄添加到系統(tǒng)變量中,如果沒(méi)有請(qǐng)檢查并手動(dòng)添加該環(huán)境變量(不知道如何設(shè)置?自己動(dòng)手咯);
2. 安裝完node后還需要安裝node下的less,需要全局安裝(安裝完node后,自動(dòng)就帶npm了,所以在dos命令行直接運(yùn)行如下命令即可,-g 參數(shù)代表全局安裝,會(huì)幫你安裝到%appdata%目錄下)。
npm install -g less
不安裝的話(huà)將無(wú)法自動(dòng)編譯
3. 在less2css運(yùn)行時(shí)還會(huì)執(zhí)行一個(gè) clean-css的功能,因此還需要在node下安裝 less-plugin-clean-css,同樣需要全局安裝
npm install -g less-plugin-clean-css
不安裝的話(huà),每次保存會(huì)彈出錯(cuò)誤提示,當(dāng)然你也可以通過(guò)修改less2css的配置文件屏蔽錯(cuò)誤提示。
4. 最后我們打開(kāi)sublime,使用install package命令安裝less2css插件(ctrl+shift+P)-> install package -> less2css 回車(chē),等待安裝完畢重啟sublime即可。?
5. 為了支持less的語(yǔ)法高亮顯示,還需要安裝一個(gè)sublime的插件less 這樣就可以流暢的書(shū)寫(xiě)less了。
轉(zhuǎn)載于:https://www.cnblogs.com/aleafo/p/5799404.html
總結(jié)
以上是生活随笔為你收集整理的windows下 sbulime text 安装less2css踩的几个坑的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 配置普通用户可以运行saltstack的
- 下一篇: 高并发系统之限流特技