在使用vue的項目中,我們有時候就會用到eslint去要求團隊的代碼規範一樣。下面就讓我們一起來配置一下,個人習慣是用英文版的webstorm(也建議大家使用英文版),我所有的並不是全局安裝eslint的方法,可以針對單個項目進行eslint檢測和修復
1.點擊settings->pluings ->搜索eslint-> Install安裝
2.安裝好之後,找到settings中ESLint,選中,就會進入配置頁面,勾選Enable->第一項配置自己安裝nodejs目錄下node.exe,第二項配置當前項目中node_modules/.bin目錄下的eslint.cmd,第三項改成.eslintrc.js
3.最後點擊Apply應用,點擊ok就行了
特別說明: 如果有的項目沒有配置eslint,當前項目可以選擇關閉,即把enable選中狀態取消掉
4.使用可以在菜單欄下的code->ESlint Fix 修復,也可以設置快捷鍵,如下:
點擊keyMap->搜索eslint->選中code下面的eslint->右鍵Add Keyboard ShortCut 摁住Alt + X 鍵 以後使用alt + x 就可以直接進行eslint修復了