189 8069 5689
这篇文章将为大家详细讲解有关在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中实现代码检测的方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。