vscode设置eslint自动保存格式

首选项-设置
在这里插入图片描述

{
    "explorer.confirmDelete": false,
    "editor.tabSize": 2,
    "files.associations": {
        "*.vue": "vue"
    },
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
  "eslint.validate": [
      "javascript",{
          "language": "vue",
          "autoFix": true
      },"html",
      "vue"
  ],
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "vue": "html",
        "vue-html": "html"
    },
    "git.confirmSync": false,
    "window.zoomLevel": 0,
    "editor.renderWhitespace": "boundary",
    "editor.cursorBlinking": "smooth",
    "editor.minimap.enabled": true,
    "editor.minimap.renderCharacters": false,
    "editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
    "editor.codeLens": true,
    "editor.snippetSuggestions": "top",

      
}


### 配置 VSCode ESLint 实现保存文件时自动修复 为了使VSCode能够在保存文件时通过ESLint自动修复代码中的错误,可以在`settings.json`中添加特定的配置项。具体来说,在该文件中加入以下内容可以实现所需功能: ```json { "editor.codeActionsOnSave": { "source.fixAll.eslint": true, "eslint.autoFixOnSave": true } } ``` 上述JSON片段定义了编辑器在保存操作触发时执行的动作[^1]。 对于希望更广泛地应用此行为至不同类型的源码文件(如JavaScript、Vue组件以及HTML文档),则需进一步扩展配置对象,确保这些语言都能被纳入到自动修复机制下: ```json { "eslint.validate": [ "javascript", { "language": "vue", "autoFix": true }, { "language": "html", "autoFix": true } ], "editor.codeActionsOnSave": { "source.fixAll.eslint": true } } ``` 这段配置不仅启用了针对多种编程语言的支持,还特别指定了当用户保存项目内的`.vue`或`.html`文件时也应尝试利用ESLint来进行自动化修正工作[^4]。 值得注意的是,如果仅关注于基本的保存即修整需求而不涉及多语言环境,则简化后的版本同样有效: ```json { "editor.codeActionsOnSave": { "source.fixAll": true }, "editor.formatOnSave": false } ``` 这里设置保存动作会调用所有可用的修复措施来处理当前文档中存在的问题,并关闭了默认格式化选项以防冲突发生[^3]。 综上所述,依据个人开发习惯与项目实际状况选择合适的配置方案能够显著提升编码效率并保持良好的代码质量标准。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值