1. 程式人生 > >webstorm-----eslint的配置和使用(2018版)

webstorm-----eslint的配置和使用(2018版)

在使用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修復了
這裡寫圖片描述