在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    }}

关于"在sublime中实现代码检测的方法"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。