vscode代码保存时自动格式化成ESLint风格(支持VUE)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_15127715/article/details/85332741

一、问题

vscode的默认的代码格式化ctrl+shift+f 无法通过eslint的代码风格检查是一个非常蛋疼的问题

同样在进行vue项目开发的时候,使用eslint代码风格检查是没啥问题的,但是eslint自动格式化是我想去搞出来的。

在保存的时候,能够使得vscode代码自动格式化成eslint风格的代码,并且支持在html和vue中的代码

二、解决

1、安装 eslint 插件
在这里插入图片描述
2、打开用户配置
文件 -> 首选项 -> 设置
在用户设置中填写如下配置:

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

注意:直接根据插件说明写下列配置格式是不起作用的,这点需要注意

"eslint.validate": [ 
    "javascript",
     "javascriptreact",
     "html",
     "vue"
  ]
展开阅读全文

没有更多推荐了,返回首页