項目增加eslint

使用eslint的好處,就不過多的去闡述了,下面介紹一下,先有的工程,如何使用eslint。

1.安裝eslint

使用NPM/Yarn進行安裝。

# npm
$ npm install eslint -g

# yarn
$ yarn global add eslint

安裝之後,使用eslint -v檢測是否下載成功。

如果已經安裝,請直接跳轉到第二步。

2.配置eslint

使用命令行或通過vs code終端執行eslint --init生成一個規則配置文件。

? How would you like to configure ESLint? (Use arrow keys)
> Answer questions about your style
  Use a popular style guide
  Inspect your JavaScript file(s)

1)Answer questions about your style* 通過回答問題來生成規則文件

2)Use a popular style guide* 使用已經配置好的流行的規則(個人推薦)

3)Inspect your JavaScript file(s)* 檢查現有的JavaScript文件來自動生成

選擇選項1後,ESLint會詢問你一系列問題,來自動生成規則文件。

選擇選項2 後,會讓你選擇一個規則來源,默認提供3個,分別是Google, AirbnbStandard。後面的地址是規範的內容。

Airbnb (https://github.com/airbnb/javascript) 
Standard (https://github.com/standard/standard) 
Google (https://github.com/google/eslint-config-google) 

選擇選項3後,會以一些交互式的問題開始,問題包含選擇1的前面部分,然後可以選擇JavaScript文件或者目錄來進行代碼風格檢測,再根據檢測的結果來生成配置文件(包含大量規則)。

生成的配置文件爲.eslintrc.json或者eslintrc.js文件中,自己使用不太方便的規則可以自己進行修改。後面可以保存一份適合團隊的規範。

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