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