首页 > 其他 > 详细

VScode eslint自动修复

时间:2020-10-19 16:09:40      阅读:376      评论:0      收藏:0      [点我收藏+]

1、安装插件(一定得全局安装这个)

npm i -g eslint-plugin-vue

2、添加eslint 和 vetur 插件

技术分享图片

vscode 首选项配置

 

 

{
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ]
}

或者

{
      "workbench.iconTheme": "material-icon-theme",
      "explorer.confirmDragAndDrop": false,
      "explorer.confirmDelete": false,
      //配置eslint
      "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
      "eslint.validate": [
         "javascript",  //  用eslint的规则检测js文件
         {
           "language": "vue",   // 检测vue文件
           "autoFix": true   //  为vue文件开启保存自动修复的功能
         },
         {
           "language": "html",
           "autoFix": true
         },
      ],
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      },
      "editor.tabSize": 2,
      "javascript.updateImportsOnFileMove.enabled": "always",
  "search.followSymlinks": false,
  "files.autoSave": "off",
    
    }

配置完成,重启vscode,在保存时就会自动修复eslint的报错。

 

VScode eslint自动修复

原文:https://www.cnblogs.com/helow/p/13840316.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!