Sublime 的常見使用

Sublime中配置less自動編譯成css

  

1、打開sublime,按下快捷鍵（Ctrl + Shift + P）輸入Install,選擇Install Package，按下enter鍵後，等待10秒左右

  

  

2、出現插件搜索框，分別選擇less(語法高亮)、less2Css（保存less文件時，自動生成同名css文件）插件，按下enten鍵進行安裝

  

  
安裝成功後，可以通過以上方式進行查看；
  

3、由於less2Css插件依賴lessc這個工具，需要在環境變量中進行配置（這裏使用nodejs的方式）

  

1、下載、安裝 nodejs；

  

2、使用npm全局安裝less；

  

npm install less -g

如果過程極慢或報錯，推薦使用淘寶鏡像：
  

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、在命令行輸入lessc -v ，出現版本號代表安裝成功；

  

  

4、現在重啓sublime，新建less文件進行保存測試；

  

  
如果不成功出現以下提示：
  

  
則通過npm安裝less-plugin-clean-css插件，再重啓sublime：
  

npm install clean-plugin-clean-css