sublime中如何添加Eslint
这里使用的是局部安装,即只在本项目的文件夹下安装1、使用git bash,输入命令mkdir exercise,创建一个文件夹2、输入npm install eslint --save-dev,运行完毕后,在该目录下会生成一个node_modules文件夹和package-lock.json3、输入 ./node_modules/.bin/eslint --init然后就可以运行ESlint了,这
·
这里使用的是局部安装,即只在本项目的文件夹下安装
1、使用git bash,输入命令mkdir exercise,创建一个文件夹
2、输入npm install eslint --save-dev,运行完毕后,在该目录下会生成一个node_modules文件夹和package-lock.json
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
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
"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中显示错误。
更多推荐
已为社区贡献1条内容
所有评论(0)