Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查

• sublime-text

 

凌l辰 2015年12月19日发布

• 推荐 1 推荐
• 收藏 15 收藏，8.6k 浏览

安装Package Control

  Sublime安装插件有两种方式，一种是直接下载安装包解压缩到Packages目录，另一种是通过Package Control组件来安装组件，后者更加的方便。

打开Sublime，按control + ` 打开控制台，粘贴如下代码到命令行并回车；

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp =   sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())  

重启Sublime，在Perferences->Package Settings 中看到 Package Control，则表示安装成功。

安装SublimeLinter

  SublimeLinter是Sublime的一个代码检测工具插件。
安装SublimeLinter前必须安装node.js

• 打开Sublime，按下 Ctrl+Shift+p 

• 输入install进入 Package Control: Install Package;

• 输入SublimeLinter，选择SublimeLinter进行安装。

---

打开Sublime_Txt3,按住Ctrl+Shift+P安装  进入 Package Control: Install Package

Sublime​Linter-htmlhint

安装xg-htmlhint  在自己的电脑左下角找到node文件夹

找到node.js的CMD窗口，输入以下命令；等待出现一堆数字版本号即为成功安装。  -g 是设置为全局变量 这个一定要

npm install  htmlhint   -g 

  此时打开Sublime Text3，xg-htmlhint就可以检测代码了，保存(cmd + S)的时候如果有错误会有错误提示。

---

安装jshint和csslint

打开Sublime_Txt3,按住Ctrl+Shift+P安装  跟上面html类似

Sublime​Linter-csslint   Sublime​Linter-jshint

打开nodejs的CDM窗口，输入命令安装

npm install jshint  -gnpm install csslint  -g

---

SublimeLinter个性化配置

{    "user": {        "csslint_options": {            "adjoining-classes": false,            "box-model": false,            "box-sizing": false,            "compatible-vendor-prefixes": false,            "floats": false,            "font-sizes": false,            "gradients": false,            "important": false,            "known-properties": false,            "outline-none": false,            "qualified-headings": false,            "regex-selectors": false,            "shorthand": false,            "text-indent": false,            "unique-headings": false,            "universal-selector": false,            "unqualified-attributes": false        },        "debug": false,        "delay": 0.25,        "error_color": "D02000",        "gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",        "gutter_theme_excludes": [],        "jshint_options": {            "browser": true,            "curly": true,            "devel": true,            "eqeqeq": true,            "evil": true,            "forin": true,            "globals": {                "$": true,                "console": true,                "document": true,                "global": true,                "grunt": true,                "jQuery": true,                "module": true,                "setInterval": true,                "setTimeout": true,                "window": true            },            "jquery": true,            "latedef": true,            "noarg": true,            "noempty": true,            "quotmark": "single",            "strict": false,            "undef": true,            "unused": "vars",            "wsh": true        },        "lint_mode": "background",        "linters": {            "csslint": {                "@disable": false,                "args": [],                "errors": "",                "excludes": [],                "ignore": "",                "warnings": ""            },            "htmlhint": {                "@disable": false,                "args": [],                "excludes": []            },            "jshint": {                "@disable": false,                "args": [],                "excludes": []            }        },        "mark_style": "outline",        "no_column_highlights_line": false,        "passive_warnings": false,        "paths": {            "linux": [],            "osx": [],            "windows": []        },        "python_paths": {            "linux": [],            "osx": [],            "windows": []        },        "rc_search_limit": 3,        "shell_timeout": 10,        "show_errors_on_save": false,        "show_marks_in_minimap": true,        "sublimelinter": "save-only",        "sublimelinter_executable_map": {            "css": "C:/Program Files/nodejs/node.exe",            "javascript": "C:/Program Files/nodejs/node.exe"        },        "sublimelinter_gutter_marks": true,        "sublimelinter_popup_errors_on_save": true,        "syntax_map": {            "html (django)": "html",            "html (rails)": "html",            "html 5": "html",            "javascript (babel)": "javascript",            "magicpython": "python",            "php": "html",            "python django": "python"        },        "warning_color": "DDB700",        "wrap_find": true    }}