用webstorm來開發微信小程序之less的配置


1.安裝less。

  安裝好node之后,打開運行-->cmd-->進入安裝node的文件夾目錄-->輸入 npm install -g less.

    然后自動就會在C:\Users\Administrator\AppData\Roaming\npm\node_modules這個目錄下安裝好less了。

    注意:a) 不能直接用node.exe來直接npm 安裝哦,這樣會拋出   npm should be run outside of the node repl, in your normal shell  這個錯誤的喲。

           也就是如果要運行類似 npm的命令,需要在系統的shell中,比如windows的cmd。node自帶的那個叫repl,不能在其中運行npm命令,只能運行js。

                    b) 或者是在開始菜單里的node.js文件夾里的這個nodejs命令提示符也可以使用npm命令

       

 

2.設置

  在webstorm里面:文件(file) --> 設置(settings) --> 工具(Tools) --> File Watchers -->點擊右上方的“+”加號按鈕,然后選擇less

 

        然后  在program里設置lessc.cmd的路徑,一般為C:\Users\Administrator\AppData\Roaming\npm\lessc.cmd    有些電腦的“User“目錄是“用戶“,如果在Administrator里沒有找到AppData文件,多半是被隱藏了。。。

        第二個arguments是設置是否壓縮css的,如果要壓縮就設置:--plugin=less-plugin-clean-css $FileName$,當然,這樣也還需要安裝壓縮軟件,cmd或nodejs的命令提示符中輸入npm install -g less-plugin-clean-css

        只要壓縮文件和less在同一個目錄下就行了,如果不在同一目錄下就復制到同一目錄下。

 

   最后點擊確定就配置好了。然后新建-->Stylesheet-->kind選擇less,然后編輯保存之后就會自動出現wxss文件了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM