phpstorm配置less

  1. 首安裝webstorm編輯器,css

    而後去node的主頁下載對應版本的nodejs而後安裝下載地址:http://nodejs.org/   根據本身的系統選擇合適的版本下載。html

    安裝完成以後打開命令提示符(win+r),分別輸入node -v以及npm -v若是返回版本號說明你安裝成功了node

    webstorm配置less編輯環境
    webstorm配置less編輯環境
  2.  

    接下來就能夠安裝less了,在「命令提示符」下運行命令「npm install less -g」,而後npm就自動開始下載並安裝LESS。web

  3.  

    配置webstorm(版本10),點擊「file」> "settings……" 彈出設置界面,在左側導航找到「tool">"file Watchers" 點擊「+」號按鈕找到less文件選項點擊添加。npm

    webstorm配置less編輯環境
  4. 4

    配置less:雙擊less彈出 設置頁面以下圖,設置less的工做目錄。less

    例如(--no-color -x $FileName$ --include-path=D:\Project\mobile\assets\css)其餘參數請參考http://less.bootcss.com/webstorm

    webstorm配置less編輯環境
相關文章
相關標籤/搜索