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配置项可自行搜索