SublimeLinter

SublimeLinter

关于代码检查 郑重推荐这个插件
官方插件库中仅有sublime3 有此插件
(对于ST2 有个sublimeLinter for ST2 没试过)

SublimeLinter只是一个检测环境， 检测的功能还需其他插件来完成， 安装好SublimeLinter后， 再装SublimeLinter-jscs SublimeLinter-csslint 之类的插件

环境

• NodeJS
• NodeJS 中还需全局安装 jscs jshint csslint

当然了， 如果你只用jscs 就只安装jscs这个模块啦

用户配置

官方配置文档 http://www.sublimelinter.com/en/latest/global_settings.html
PS path是自动寻找的， 无需手动指定

{
    "user": {
        "debug": false,
        "delay": 0.25,
        "error_color": "D02000",
        "gutter_theme": "Packages/SublimeLinter/gutter-themes/Blueberry/round/Blueberry - round.gutter-theme",
        "gutter_theme_excludes": [],
        "lint_mode": "load/save", //保存的时候运行代码检查
        "linters": {
            "csslint": {
                "@disable": false,
                "args": [],
                "errors": "",
                "excludes": [],
                "ignore": "box-model,adjoining-classes,box-sizing,compatible-vendor-prefixes,gradients,text-indent,fallback-colors,star-property-hack,underscore-property-hack,bulletproof-font-face,font-faces,import,regex-selectors,universal-selector,unqualified-attributes,overqualified-elements,duplicate-background-images,floats,font-sizes,ids,important,outline-none,qualified-headings,unique-headings",
                "warnings": ""
            },
            "jscs": {
                "@disable": false,
                "args": [
                    "--config",
                    "C:\\Users\\rakuluo\\AppData\\Roaming\\Sublime Text 3\\Packages\\User\\.jscsrc"
                ],
                "excludes": []
            },
            "jshint": {
                "@disable": true,
                "args": [
                    "--config",
                    "C:\\Users\\rakuluo\\AppData\\Roaming\\Sublime Text 3\\Packages\\User\\.jshintrc"
                ],
                "excludes": []
            },
            "scss": {
                "@disable": false,
                "args": [
                    "--config",
                    "C:\\Users\\xxxx\\AppData\\Roaming\\Sublime Text 3\\Packages\\User\\.scss-lint.yml"
                ],
                "exclude-linter": "",
                "excludes": [],
                "include-linter": ""
            }
        },
        "mark_style": "outline",
        "no_column_highlights_line": false,
        "passive_warnings": false,
        "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",
            "php": "html",
            "python django": "python"
        },
        "warning_color": "DDB700",
        "wrap_find": true
    }
}

其中 C:\Users\rakuluo\AppData\Roaming\Sublime Text 3\Packages\ 是 Browse Packages 的路径

jsrc csslint 配置文件

jsrc csslint的配置文件可以在http://imweb.github.io/CodeGuide/下载 之后放在Packages 的 User 目录下

更多配置http://imweb.github.io/CodeGuide/

使用

        "lint_mode": "load/save", //保存的时候运行代码检查

之后可以在保存时显示感叹号和warning的框， 光标移动到warning时将会在状态栏显示详细错误信息