sublime中如何新增Eslint
阿新 • • 發佈:2019-01-05
這裡使用的是區域性安裝,即只在本專案的資料夾下安裝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,其內容如下:
5、首先在sublime中使用packageControl安裝外掛:Eslint,SublimeLinter,SublimeLinter-eslint6、然後開啟外掛設定中,找到SublimeLinter---->setting----->SublimeLinter.sublime-setting--User窗口出現 網上的教程提示:在該視窗中新增以下程式碼修改SublimeLinter的配置檔案但是將這段程式碼放入之後,提示:
"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中顯示錯誤。
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是V4.6.2版本的,它在原來的基礎上刪除了一些屬性,這裡我們需要刪除上述配置檔案中的下列語句:"error_color": "D02000","gutter_theme_excludes": [],"passive_warnings": false,{ "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 } }
"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中顯示錯誤。