這篇文章主要介紹了Sublime Text中如何配置ESLint，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

超過10余年行業(yè)經(jīng)驗，技術(shù)領(lǐng)先，服務(wù)至上的經(jīng)營模式，全靠網(wǎng)絡(luò)和口碑獲得客戶，為自己降低成本，也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了：網(wǎng)站設(shè)計、成都網(wǎng)站制作，成都網(wǎng)站推廣，成都網(wǎng)站優(yōu)化，整體網(wǎng)絡(luò)托管，小程序開發(fā)，微信開發(fā)，App定制開發(fā)，同時也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營銷和我們一樣獲得訂單和生意！

ESLint

ESLint 是一個有效的代碼質(zhì)量控制工具，它可以根據(jù)預(yù)先制定的代碼規(guī)范來避免低級代碼錯誤的出現(xiàn)，以及保證代碼樣式風(fēng)格的統(tǒng)一。下面由sublime使用教程欄目為大家介紹Sublime Text 中配置 ESLint的方法。

安裝

你可以使用 npm 來安裝 ESLint:

npm install eslint -g

用法

如果你首次使用 ESLint，那么你需要先設(shè)置一個配置文件，你可以在項目根目錄下使用 --init 選項來生成:

eslint --init

如果項目根目錄下沒有 package.json 文件，它會提示你先使用 npm init 來初始化一個 package.json 文件。

eslint --init 會提示你選擇使用的代碼樣式，你可以根據(jù)需求進(jìn)行選擇，這里推薦如下選擇：

Use a popular style guide
Standard
JavaScript

在這個過程中 eslint 會自主的進(jìn)行 npm install 操作來安裝相關(guān)依賴，在安裝完成之后請注意是否有 UNMET PEER DEPENDENCY 項的依賴，這表示 NPM 無法自動的進(jìn)行這個依賴的安裝，你需要手動的去進(jìn)行安裝：

# ├── UNMET PEER DEPENDENCY eslint-plugin-promise@^1.0.8
npm install eslint-plugin-promise --save-dev

集成 Sublime Text

在 Sublime Text 中你需要安裝兩個插件：

SublimeLinter
SublimeLinter-contrib-eslint

然后通過 Preferences->Package Settings->SublimeLinter->Settings - User 進(jìn)行集成：

{
    "user": {
        "debug": true, # 開啟 debug 選項
        "delay": 0.25,
        "error_color": "D02000",
        "gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
        "gutter_theme_excludes": [],
        "lint_mode": "background",
        "linters": {
            "eslint": {
                "@disable": false,
                "args": [],
                "excludes": []
            },
            "jshint": {
                "@disable": false,
                "args": [],
                "excludes": []
            },
            "php": {
                "@disable": false,
                "args": [],
                "excludes": []
            }
        },
        "mark_style": "outline",
        "no_column_highlights_line": false,
        "passive_warnings": false,
        "paths": {
            "linux": [],
            "osx": [
                "/Users/wang/.nvm/versions/node/v5.0.0/bin" # 設(shè)置 node 路徑
            ],
            "windows": []
        },
        "python_paths": {
            "linux": [],
            "osx": [],
            "windows": []
        },
        "rc_search_limit": 3,
        "shell_timeout": 10,
        "show_errors_on_save": false,
        "show_marks_in_minimap": true,
        "syntax_map": {
            "html (django)": "html",
            "html (rails)": "html",
            "html 5": "html",
            "javascript (babel)": "javascript",
            "magicpython": "python",
            "php": "html",
            "python django": "python",
            "pythonimproved": "python"
        },
        "warning_color": "DDB700",
        "wrap_find": true
    }
}

到這里，集成完成，如果你項目中的 JavaScript 代碼風(fēng)格不符合 JavaScript Standard Style 的話，Sublime Text 會給出異常提示。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享Sublime Text中如何配置ESLint內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來學(xué)習(xí)!

當(dāng)前標(biāo)題：SublimeText中如何配置ESLint-創(chuàng)新互聯(lián)
文章鏈接：http://weahome.cn/article/djjsds.html