在sublime中實現代碼檢測

下面由sublime使用教程欄目給大家介紹如何在sublime中實現代碼檢測，希望對需要的朋友有所幫助！

在sublime中配置linter, eslint

sublime插件安裝

打開pci，安裝sublimeLinter

進入到，對path進行配置：

● 配置node的基本位置：/usr/local/bin/node, /usr/local/bin

● 配置node_modules的基本位置：/usr/local/lib/node_modules

● 配置其他各項插件的位置：如eslint: /usr/local/bin/eslint

示例代碼如下：

"paths": {   "linux": [],   "osx": [       "/usr/local/bin/node",       "/usr/local/lib/node_modules",       "/usr/local/bin/eslint",       "/usr/local/bin/jslint"   ],   "windows": [] }

安裝插件（以eslint為例）：

安裝eslint的npm插件，包括：

● sudo npm i eslint babel-eslint -g

● 將所安裝的工具的路徑放到的path中，即：/usr/local/bin/eslint

● 在項目中配置.eslintrc文件，類似：（每個項目都需要配置）

● 當中包括非常多的依賴，可以在項目中輸入eslint .，然后根據提示對缺少的依賴進行sudo npm i -g ***

然后就可以愉快的使用啦！

可以通過右鍵進入到sublimelinter來調用其功能。

.eslintrc文件示例

{     "env": {         "browser": true,         "node": true,         "es6": true     },     "parser": "babel-eslint",     "extends" : [       "airbnb"     ],     "plugins": [       "babel",       "promise"     ],     "ecmaFeatures": {        "jsx": true     },     "rules": {         "semi": [2, "always"],         "quotes": [2, "single"]     } }

最后

展示一下配置完成后的sublimelinter-user.settings：

{     "user": {         "debug": true,         "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": [],                 "ecmaFeatures": {                     "jsx": true                 },                 "env": {                     "browser": true,                     "es6": true,                     "node": true                 },                 "excludes": [],                 "extends": [                     "standard"                 ],                 "parser": "babel-eslint",                 "plugins": [                     "babel",                     "promise"                 ],                 "rules": {                     "quotes": [                         2,                         "single"                     ],                     "semi": [                         2,                         "always"                     ]                 }             },             "jsxhint": {                 "@disable": false,                 "args": [],                 "excludes": []             }         },         "mark_style": "stippled underline",         "no_column_highlights_line": false,         "passive_warnings": false,         "paths": {             "linux": [],             "osx": [                 "/usr/local/bin/node",                 "/usr/local/lib/node_modules",                 "/usr/local/bin/eslint"             ],             "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     } }