vue&react质检工具(eslint)安装使用总结

1 、ESLint

ESLint工具主要类似java中的checkStyle和findbugs,是检查代码样式和逻辑规范的工具。

1.1 、ESLint安装流程

打开VSCode软件,打开扩展中心,下载ESLint插件

图1.1

点击后面的install按进行安装,如图1.2所示:

图1.2

在详情页启用插件服务,如图1.3所示:

图1.3

打开默认配置,准备在后面加上ESLint配置信息:

图1.4

点击此按钮打开默认配置文件

图1.5

注意在原文件最后加逗号,换行紧跟ESLint配置信息,如图1.6所示:

图1.6

接配置好后,如果想要看中文检查结果信息,调整如图所示:

图1.7

重启VSCode,重启后打开任意文件,查看软件右下方是否存在ESLint

图1.8

1.2 、ESLint使用流程

点击某个文件后,再点击右下方的ESLint插件,打开PROBLEMS选项,看有哪些问题需优化

如果右下方没有出来ESLint,可以尝试打开扩展中心后按如下三步操作进行后重启VSCode:

相关推荐
乐闻x2 天前
ESLint 使用教程(七):ESLint还能校验JSON文件内容?
前端·javascript·json·eslint
乐闻x4 天前
ESLint 使用教程(四):ESLint 有哪些执行时机?
javascript·eslint
乐闻x5 天前
ESLint 使用教程(五):ESLint 和 Prettier 的结合使用与冲突解决
javascript·eslint·prettier
乐闻x5 天前
ESLint 使用教程(三):12个ESLint 配置项功能与使用方式详解
javascript·eslint
乐闻x7 天前
ESLint 使用教程(一):从零配置 ESLint
javascript·eslint
Lysun00119 天前
error Unexpected mutation of “xxxxx“ prop
前端·vue·eslint·1024程序员节
大家的林语冰1 个月前
ESLint 推陈出新,支持 JSON 和 Markdown 只是变革的开始
前端·javascript·eslint
Spider Cat 蜘蛛猫1 个月前
关于vscode中settings.json中的设置
vscode·json·eslint
不cong明的亚子2 个月前
react项目中引入最新版本eslint
react.js·前端框架·eslint
下雪天的夏风2 个月前
Vant 按需引入导致 Typescript,eslint 报错问题
前端·typescript·eslint