ESLint筆記


ESLint是JavaScript的代碼檢查工具。因為JS是弱類型的語言,不需要編譯,代碼錯誤是在運行時調適的,所以需要個工具在編碼的過程發現問題。ESLint的初衷是為了讓程序員可以創建自己的檢測規則。

配置方案

配置方法

配置的方式有兩種。

1.配置注釋:直接把配置信息嵌入文件中。

2.配置文件:用js、JSON和YAML指定配置信息。

   (1).用.eslintrc.*文件(Configuration File Formats)

   (2).在package.json文件里配置eslintConfig字段。

一般來講,我們用的是第二種的第一個方法,用.eslintrc.*文件去定義。

配置內容

Environments:定義腳本的運行環境。每種環境都有一組預定義的全局變量。

Globals:定義額外的全局變量。

Rules:定義啟用的規則以及其錯誤級別。

配置過程

1.設置解析器選項,幫助ESLint確定什么是解析錯誤。(parserOptions)

2.設置解析器。(默認是Espree)

3.定義運行環境。

4.定義全局變量。(3和4都是可以使用插件)

5.配置規則。(0:關閉規則;1:開啟但只警告;2:開啟並報錯誤)

6.配置忽略校驗的文件或目錄。(配置.eslintignore)

7.可在文件里注釋來臨時禁用規則。(Disabling Rules with Inline Comments)

8.繼承配置文件,可直接引用一個流行的風格指南。(extends屬性)

第7、8點不是必須的流程,可選用。

配置文件初始化

1.如果沒有package.json文件,則npm init初始化,依照命令提示填寫相關信息即可。

2.安裝一個標准的風格指南,npm install eslint-config-standard --save-dev。

3.eslint —init 初始化,按步驟選擇即可。

就是以下文件:

module.exports = {
    "extends": "standard",
    "plugins": [
        "standard",
        "promise"
    ]
};

參考文獻

1.http://eslint.cn/ 【ESLint中文網】

附錄

1.Mac上如何查看到創建的.eslintrc.*文件。

Mac上默認不顯示. 開頭的隱藏文件,可以用ls -al在終端上面看到這些文件。但如果我們需要在mac上要看到這些文件時,就需要去顯示這些文件。

顯示系統的隱藏文件方法:

1.在終端上輸入:

defaults write com.apple.finder AppleShowAllFiles TRUE; killall Finder

即為顯示隱藏文件,如果不要顯示系統的這些隱藏文件,修改后面的true為false就好:

defaults write com.apple.finder AppleShowAllFiles FALSE; killall Finder

2.Command+Shift+. 可以顯示隱藏文件、文件夾,再按一次,恢復隱藏


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM