欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-16 23:46:21
VS Code写Vue,每次按照eslint格式手动fix代码很烦,Alt+Shift+f格式化代码又会和prettier冲突,因此找了Ctrl+s保存代码,自动按照eslint风格格式化代码。 网上大多是早前修改方法,现在已经不适用,因此写这个随笔,避坑。 当前版本使用方式,使用编辑器提供的Cod ......

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

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

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

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

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

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

搞定!

 

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

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