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
}
相关推荐
玄魂几秒前
基于Vue框架的开源大屏项目实践
前端·开源·数据可视化
晴殇i2 分钟前
一行代码解决跨域问题,JavaScript新特性解析
前端
挖稀泥的工人5 分钟前
面试看这一篇webpack
前端·webpack
卖报的小行家_7 分钟前
Vue3源码,拦截对象,对比Vue2
前端
蒜香拿铁10 分钟前
vue3自动导入组合式api
前端·javascript
日升11 分钟前
Chrome 134 版本开发者工具(DevTools)更新内容
前端·chrome·浏览器
Mike_jia11 分钟前
一篇文章带你了解一款强大的本地镜像库系统---Harbor
前端
_一条咸鱼_12 分钟前
Vue 框架组件模块之弹窗组件深度剖析(四)
前端
frontDeveloper12 分钟前
JavaScript基础知识概览(DOM-API部分)
javascript
某哈压力大13 分钟前
制作一个简单的水印组件
前端·vue.js