ESLint的使用

?

ESLint 是一個語法規則和代碼風格的檢查工具，可以用來保證寫出語法正確、風格統一的代碼。

首先，安裝 ESLint。

$ npm i -g eslint

然后，安裝 Airbnb 語法規則，以及 import、a11y、react 插件。

$ npm i -g eslint-config-airbnb $ npm i -g eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react

最后，在項目的根目錄下新建一個.eslintrc文件，配置ESLint。

{"extends": "eslint-config-airbnb" }

現在就可以檢查，當前項目的代碼是否符合預設的規則。

index.js文件的代碼如下。

var unusued = 'I have no purpose!';function greet() {var message = 'Hello, World!';alert(message); }greet();

使用 ESLint 檢查這個文件，就會報出錯誤。

$ eslint index.js index.js1:1 error Unexpected var, use let or const instead no-var1:5 error unusued is defined but never used no-unused-vars4:5 error Expected indentation of 2 characters but found 4 indent4:5 error Unexpected var, use let or const instead no-var5:5 error Expected indentation of 2 characters but found 4 indent? 5 problems (5 errors, 0 warnings)

上面代碼說明，原文件有五個錯誤，其中兩個是不應該使用var命令，而要使用let或const；一個是定義了變量，卻沒有使用；另外兩個是行首縮進為4個空格，而不是規定的2個空格。

總結

以上是生活随笔為你收集整理的eslint入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。