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修復了
這裏寫圖片描述

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