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

Posted yunspider

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode代码保存时自动格式化成ESLint风格(支持VUE)相关的知识,希望对你有一定的参考价值。

一、问题

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

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

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

二、解决

1、安装 eslint 插件

技术分享图片

2、打开用户配置

在用户设置中填写如下配置:

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

eslint.autoFixOnSave 用来进行保存时自动格式化,但是默认只支持 javascript .js 文件

eslint.validate 用来配置作用的文件类型。

转自:http://www.ptbird.cn/vscode-autosave-eslint-support-vue.html

以上是关于vscode代码保存时自动格式化成ESLint风格(支持VUE)的主要内容,如果未能解决你的问题,请参考以下文章

VS Code保存代码自动按eslint格式fix

vscode设置eslint自动保存代码格式化配置

vscode设置eslint自动保存代码格式化配置

VSCode 保存时自动执行ESlint规范格式化

VSCode 代码风格统一设置eslint + stylelint

VSCode 代码风格统一设置eslint + stylelint