• SublimeLinter
    • 参数配置
    • 我的配置文档

    SublimeLinter

    官方文档

    github地址

    sublimeLinter提供代码检测，支持的语言如下：

    1. C/C++ - lint via cppcheck
    2. CoffeeScript - lint via coffee -s -l
    3. CSS - lint via built-in csslint
    4. Git Commit Messages - lint via built-in module based on A Note About Git Commit Messages.
    5. Haml - syntax check via haml -c
    6. HTML - lint via tidy (actually tidy for HTML5)
    7. Java - lint via javac -Xlint
    8. JavaScript - lint via built in jshint, jslint, or the closure linter (gjslint) (if installed)
    9. Lua - syntax check via luac
    10. Objective-J - lint via built-in capp_lint
    11. Perl - lint via Perl::Critic or syntax+deprecation check via perl -c
    12. PHP - syntax check via php -l
    13. Puppet - syntax check via puppet parser validate or puppet-lint
    14. Python - native, moderately-complete lint
    15. Ruby - syntax check via ruby -wc
    16. Squirrel - syntax check via sq
    17. XML - lint via xmllint

    SublimeLinter需要nodejs环境支持。

    并且检测不同的代码需要下载对应的插件

    检测代码 插件名称
    javascript SublimeLinter-jshint
    css SublimeLinter-csslint
    html SublimeLinter-html-tidy

    其他语言按照自己的开发需求下载

    参数配置

    打开 SublimeLinter 的配置文件，Preferences->Package Settings->SublimeLinter->Settings - User，进行如下配置：

    运行模式 sublimelinter

    表示检测的时机。默认为true。

    1. "sublimelinter": "save-only",

    SublimeLinter 的运行模式，总共有四种，含义分别如下：

    • true - 在用户输入时在后台进行即时校验；
    • false - 只有在初始化的时候才进行校验；
    • “load-save” - 当文件加载和保存的时候进行校验；
    • “save-only” - 当文件被保存的时候进行校验；

    校验引擎 sublimelinter_executable_map

    这里是配置 JavaScript 和 CSS 校验需要用到的 JS 引擎（这里用的是 Node.js）的安装路径。

    • Mac下配置

      1. "sublimelinter_executable_map":
      2. {
      3. "html": "/usr/local/bin/tidy",
      4. "javascript": "/usr/local/bin/node",
      5. "ruby": "rvm-auto-ruby"
      6. },

      表示html用tidy进行检测，js用node检测。

    • windows下配置

      1. "sublimelinter_executable_map":
      2. {
      3.   "javascript":"D:/nodejs/node.exe",
      4.   "css":"D:/nodejs/node.exe"
      5. }

    JSLint 选项

    　SublimeLinter 使用 JSHint 作为默认的 JavaScript 校验器，也可以配置为 jslint 和 gjslint（closure linter）。大家可以根据自己的编码风格自行配置，选项的含义可以参考这里jshint配置

    1. "jslint_options":
    2. {
    3.     "strict": true,
    4.     "noarg": true,
    5.     "noempty": true,
    6.     "eqeqeq": true,
    7.     "undef": true,
    8.     "curly": true,
    9.     "forin": true,
    10.     "devel": true,
    11.     "jquery": true,
    12.     "browser": true,
    13.     "wsh": true,
    14.     "evil": true
    15. }

    CSSLint 选项

    　SublimeLinter 使用 CSSLint 作为 CSS 的校验器，，可以根据个人编码风格修改：

    1. "csslint_options":
    2. {
    3.     "adjoining-classes": "warning",
    4.     "box-model": true,
    5.     "box-sizing": "warning",
    6.     "compatible-vendor-prefixes": "warning",
    7.     "display-property-grouping": true,
    8.     "duplicate-background-images": "warning",
    9.     "duplicate-properties": true,
    10.     "empty-rules": true,
    11.     "errors": true,
    12.     "fallback-colors": "warning",
    13.     "floats": "warning",
    14.     "font-faces": "warning",
    15.     "font-sizes": "warning",
    16.     "gradients": "warning",
    17.     "ids": "warning",
    18.     "import": "warning",
    19.     "important": "warning",
    20.     "known-properties": true,
    21.     "outline-none": "warning",
    22.     "overqualified-elements": "warning",
    23.     "qualified-headings": "warning",
    24.     "regex-selectors": "warning",
    25.     "rules-count": "warning",
    26.     "shorthand": "warning",
    27.     "star-property-hack": "warning",
    28.     "text-indent": "warning",
    29.     "underscore-property-hack": "warning",
    30.     "unique-headings": "warning",
    31.     "universal-selector": "warning",
    32.     "vendor-prefix": true,
    33.     "zero-units": "warning"
    34. }

    我的配置文档

    1. {
    2.     "sublimelinter": "save-only",
    3.     "sublimelinter_popup_errors_on_save": true, //会在保存时弹出错误信息
    4.     "sublimelinter_executable_map":
    5.     {
    6.       "html": "/usr/local/bin/tidy",
    7.       "javascript": "/usr/local/bin/node"
    8.     },
    9.     "jsl    int_options": {
    10.         "strict": false,
    11.         "quotmark": "single", //只能使用单引号
    12.         "noarg": true,
    13.         "noempty": true, //不允许使用空语句块{}
    14.         "eqeqeq": true, //!==和===检查
    15.         "undef": true,
    16.         "curly": true, //值为true时，不能省略循环和条件语句后的大括号
    17.         "forin": true, //for in hasOwnPropery检查
    18.         "devel": true,
    19.         "jquery": true,
    20.         "browser": true,
    21.         "wsh": true,
    22.         "evil": true,
    23.         "unused": "vars", //形参和变量未使用检查
    24.         "latedef": true, //先定义变量，后使用
    25.         "globals": {
    26.             "grunt": true,
    27.             "module": true,
    28.             "window": true,
    29.             "jQuery": true,
    30.             "$": true,
    31.             "global": true,
    32.             "document": true,
    33.             "console": true,
    34.             "setTimeout": true,
    35.             "setInterval": true
    36.         }
    37.     },
    38.     "csslint_options": {
    39.         "adjoining-classes": false,
    40.         "box-sizing": false,
    41.         "box-model": false,
    42.         "compatible-vendor-prefixes": false,
    43.         "floats": false,
    44.         "font-sizes": false,
    45.         "gradients": false,
    46.         "important": false,
    47.         "known-properties": false,
    48.         "outline-none": false,
    49.         "qualified-headings": false,
    50.         "regex-selectors": false,
    51.         "shorthand": false,
    52.         "text-indent": false,
    53.         "unique-headings": false,
    54.         "universal-selector": false,
    55.         "unqualified-attributes": false
    56.     }
    57. }

    效果如下：
    SublimeLinter - 图1