sublime中如何添加Eslint

这里使用的是局部安装，即只在本项目的文件夹下安装

1、使用git bash，输入命令mkdir exercise，创建一个文件夹
2、输入npm install eslint --save-dev，运行完毕后，在该目录下会生成一个node_modules文件夹和package-lock.json

3、输入 ./node_modules/.bin/eslint --init

然后就可以运行ESlint了，这里先使用touch ex.js创建一个用于检测文件，ex.js，其内容如下：

var a=3;
if(a=3){
alert(1);
}

4、此时输入 ./node_modules/.bin/eslint ex.js就会在git bash窗口中显示

但是此时在sublime 下没有点来显示错误。
5、首先在sublime中使用packageControl安装插件：Eslint,SublimeLinter,SublimeLinter-eslint

6、然后打开插件设置中，找到 SublimeLinter---->setting----->SublimeLinter.sublime-setting--User窗口出现

网上的教程提示：在该窗口中添加以下代码修改 SublimeLinter的配置文件

但是将这段代码放入之后，提示：

{
   "user":{
       "debug": true,
       "delay": 0.25,
       "error_color": "D02000",
       //SublimeLinter与插件文件夹名保持一致
       "gutter_theme":"Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
        "gutter_theme_excludes": [],
       "lint_mode": "background",
       "linters": {
           //新增的
           "eslint": {
                "@disable": false,
                "args": [],
                "excludes": []
           },
           "jshint": {
                "@disable": false,
                "args": [],
                "excludes": []
           },
           "php": {
                "@disable": false,
                "args": [],
                "excludes": []
           }
       },
       "mark_style": "outline",
       "no_column_highlights_line": false,
       "passive_warnings": false,
       "paths": {
           "linux": [],
           "osx": [
               "/Users/wang/.nvm/versions/node/v5.0.0/bin"
            ],
           "windows": [
                //全局安装ESLint生成的eslint.cmd的目录，根据自身情况修改
               "C:/Users/<用户名>/AppData/Roaming/npm/eslint.cmd"
           ]
       },
       "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
    }
}

在网上搜索之后发现是因为这里安装的SublimeLinter是V4.6.2版本的，它在原来的基础上删除了一些属性，这里我们需要删除上述配置文件中的下列语句：

"error_color": "D02000",

"gutter_theme_excludes": [],

"passive_warnings": false,
"show_errors_on_save": false,
"warning_color": "DDB700",
"wrap_find": true

具体的V4.0.0版本的改变可以在https://github.com/SublimeLinter/SublimeLinter/blob/master/messages/4.0.0.txt

可以看到在sublime中显示错误。

sublime中如何添加Eslint

猜你喜欢