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初始化,依照命令提示填寫相關信息即可。
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+. 可以顯示隱藏文件、文件夾,再按一次,恢復隱藏