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
}
相关推荐
布兰妮甜2 分钟前
开发在线商店:基于Vue2+ElementUI的电商平台前端实践
前端·javascript·elementui·vue
久爱@勿忘4 分钟前
第二章:创建登录页面
前端·vue.js·elementplus
Jinxiansen02116 分钟前
Vue 3 中父子组件双向绑定的 4 种方式
javascript·vue.js·ecmascript
木依10 分钟前
Vue3 Element plus table有fixed列时错行
javascript·vue.js·elementui
Monkey的自我迭代20 分钟前
Python标准库:时间与随机数全解析
前端·python·数据挖掘
行云&流水21 分钟前
打造自己的组件库(二)CSS工程化方案
前端·vue.js·vue3组件库
知了清语1 小时前
pnpm之monorepo项目, vite版本冲突, 导致vite.config.ts ts警告处理
前端
弗锐土豆1 小时前
一个基于若依(ruoyi-vue3)的小项目部署记录
前端·vue.js·部署·springcloud·ruoyi·若依
Hilaku1 小时前
我为什么放弃了“大厂梦”,去了一家“小公司”?
前端·javascript·面试