如何在webstrom中配置eslint和less


webstrom 幫助文檔(英文版)

 

1、在webstrom中使用ESLint規范代碼格式;

 

JSHint 可以幫助檢測你的 JavaScript 代碼中的錯誤和潛在的問題,而 eslint是一個 JavaScript 的代碼風格檢查工具,

通過使用這兩款 QA Tools 能在團隊協作中大大提升代碼的正確性、准確性、完整性、簡潔性、統一性及易讀性,效果類似下圖所示。

在webstrom中的配置步驟:

1、安裝nodejs,安裝npm,然后在npm中安裝gulp-eslint(命令:npm install -g gulp-eslint )

 

2、在webstrom中熱鍵【Ctrl+Alt+S】調出Settings配置面板,如下設置:

 

3、如何使用esLint可以到npm插件介紹上去看:https://www.npmjs.com/package/gulp-eslint

 

 

1、在webstrom中配置less生成對應的css文件:

步驟:

1、同樣要先用npm安裝好less(命令:npm install -g less)

2、在webstrom中熱鍵【Ctrl+Alt+S】調出Settings配置面板,如下設置:

 

3、如果覺得上面太簡單了,還可以參考這篇文章:寫的less文件如何生成對應的css文件。

 


免責聲明!

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



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