ESlint代码规范,手动与自动修复

规范说明

规则参考 - ESLint - 插件化的 JavaScript 代码检查工具 规范说明

  • 可看到是main.js文件报错
  • 分别是第三行第30个字符,以及第七行第一个字符
  • 后面则是规范说明,可以根据说明查找相应的规范

一.手动修正

ctrl + f 可以搜索

二.自动修正

安装插件eslint

记得在设置中将以下勾选上

eslint 能快速检测到错误

自动修复,setting.json配置

javascript 复制代码
{
    // "workbench.colorTheme": "One Dark Pro",
    "python.defaultInterpreterPath": "D:\\ana\\python.exe",
    "workbench.iconTheme": "material-icon-theme",
    // "editor.formatOnSave": true,
    "editor.tabSize": 2,
    "eslint.debug": true,
    // 当保存的时候,eslint自动修复错误
    "editor.codeActionsOnSave": {
        "source.fixAll": "always"
    },
    // 保存代码,不自动格式化
    "editor.formatOnSave": false
}
相关推荐
肥肥呀呀呀26 分钟前
在Flutter上如何实现按钮的拖拽效果
前端·javascript·flutter
Zero10171342 分钟前
【React的useMemo钩子详解】
前端·react.js·前端框架
养军博客43 分钟前
spring boot3.0自定义校验注解:文章状态校验示例
java·前端·spring boot
uperficialyu1 小时前
2025年01月10日浙江鑫越系统科技前端面试
前端·科技·面试
付朝鲜1 小时前
用自写的jQuery库+Ajax实现了省市联动
java·前端·javascript·ajax·jquery
coderYYY1 小时前
多个el-form-item两列布局排齐且el-select/el-input组件宽度撑满
前端·javascript·vue.js·elementui·前端框架
荔枝吖2 小时前
项目中会出现的css样式
前端·css·html
Dontla2 小时前
何时需要import css文件?怎么知道需要导入哪些css文件?为什么webpack不提示CSS导入?(导入css导入规则、css导入规范)
前端·css·webpack
小堃学编程2 小时前
前端学习(2)—— CSS详解与使用
前端·css·学习
蓝婷儿2 小时前
第一章:HTML基石·现实的骨架
前端·html