1. 程式人生 > >sublime中如何新增Eslint

sublime中如何新增Eslint

這裡使用的是區域性安裝,即只在本專案的資料夾下安裝1、使用git bash,輸入命令mkdir exercise,建立一個資料夾
2、輸入npm install eslint --save-dev,執行完畢後,在該目錄下會生成一個node_modules資料夾和package-lock.json3、輸入 ./node_modules/.bin/eslint --init然後就可以執行ESlint了,這裡先使用touch ex.js建立一個用於檢測檔案,ex.js,其內容如下:
var a=3;
if(a=3){
alert(1);
}
4、此時輸入./node_modules/.bin/eslint ex.js就會在git bash視窗中顯示但是此時在sublime 下沒有點來顯示錯誤。
5、首先在sublime中使用packageControl安裝外掛:Eslint,SublimeLinter,SublimeLinter-eslint6、然後開啟外掛設定中,找到SublimeLinter---->setting----->SublimeLinter.sublime-setting--User窗口出現
網上的教程提示:在該視窗中新增以下程式碼修改SublimeLinter的配置檔案但是將這段程式碼放入之後,提示:
{
   "user":{
       "debug": true,
       "delay": 0.25,
       "error_color": "D02000",
       //SublimeLinter與外掛資料夾名保持一致
       "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"
            ],
           "windows": [
                //全域性安裝ESLint生成的eslint.cmd的目錄,根據自身情況修改
               "C:/Users/<使用者名稱>/AppData/Roaming/npm/eslint.cmd"
           ]
       },
       "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
    }
}
在網上搜索之後發現是因為這裡安裝的SublimeLinter是V4.6.2版本的,它在原來的基礎上刪除了一些屬性,這裡我們需要刪除上述配置檔案中的下列語句:"error_color": "D02000","gutter_theme_excludes": [],"passive_warnings": false,
"show_errors_on_save": false,
"warning_color": "DDB700", 
 "wrap_find": true具體的V4.0.0版本的改變可以在https://github.com/SublimeLinter/SublimeLinter/blob/master/messages/4.0.0.txt

可以看到在sublime中顯示錯誤。