在sublime中实现代码检测

下面由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     } }

以上就是在

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享