如何在webstrom中配置eslint和less

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配置面板,如下設置:


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

步驟:

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

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



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章