vs code 设置自动保存，设置保存eslint格式

设置vs code 自动保存，解决eslint插件和prettier格式化冲突
适用条件
vs code版本：1.52.0
vs code安装插件：ESLInt 2.1.14，Prettier 5.8.0

1、打开设置

打开设置

打开代码设置项

2、在配置项中添加下面两行代码

{
  // 编辑器失去焦点自动保存，不再需要手动Ctrl+s
  "files.autoSave": "onFocusChange",
  // 开启文件自动保存时格式化
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
}

image.png

3、关于其他vs code版本的配置方法

查看eslint和prettier插件文档
prettier插件文档中有关于eslint的配置解决方案，虽然全是英文，但是可以Ctrl+f搜索eslint，查找当前页面相关配置说明

image.png

4、配置方法存在的问题

手动格式化Alt+shift+f时，Prettier会把单引号刷成双引号，单行结尾加分号等，保存时会按照eslint方法再重置回去，虽然不影响使用，可以在项目下添加.prettierrc.json配置文件
singleQuote：配置单引号
semi：结尾不加分号

{
  "singleQuote": true,
  "semi": false,
}

关于其他prettier配置项可自行搜索