使用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, Airbnb和Standard。後面的地址是規範的內容。
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文件中,自己使用不太方便的規則可以自己進行修改。後面可以保存一份適合團隊的規範。