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

vs code写vue，每次按照eslint格式手动fix代码很烦，alt+shift+f格式化代码又会和prettier冲突，因此找了ctrl+s保存代码，自动按照eslint风格格式化代码。

网上大多是早前修改方法，现在已经不适用，因此写这个随笔，避坑。

当前版本使用方式，使用编辑器提供的code actions on save，也就是说vs code提供了用户保存文档时添加自定义操作的接口。位置如下：

然后，将json中 editor.codeactionsonsave 的值改为 {"source.fixall.eslint": true} 即可。如下：

搞定！

 

注意，以下这种方式已经弃用：