在VSCode中如何设置自动保存功能,并结合Prettier和ESLint进行代码自动格式化与校验?
时间: 2024-12-03 19:39:45 浏览: 219
VSCode作为一款现代代码编辑器,其自动保存功能结合Prettier和ESLint插件能够有效地提升开发效率,保障代码质量。现在,让我们来详细地了解如何配置这些功能。
参考资源链接:[VSCode 自动保存与 Prettier ESLint 配置教程](https://wenku.csdn.net/doc/247fe1g5u6?spm=1055.2569.3001.10343)
首先,要启用VSCode的自动保存功能,你可以通过快捷键`Ctrl + ,`打开设置,然后搜索`files.autoSave`并选择`onFocusChange`选项,这样当编辑器失去焦点时,文件会自动保存。
接下来,为了让Prettier作为默认的格式化工具,需要在设置中搜索`editor.defaultFormatter`,并将其值设置为`Prettier - Prettier Code Formatter`。
然后,为了在每次保存时自动格式化代码,你需要打开`editor.formatOnSave`设置并启用它。
对于ESLint,首先确保已经安装了相应的VSCode插件。之后,在设置中找到`editor.codeActionsOnSave`并添加配置,允许ESLint在保存时自动修复可修复的问题。例如:
```json
参考资源链接:[VSCode 自动保存与 Prettier ESLint 配置教程](https://wenku.csdn.net/doc/247fe1g5u6?spm=1055.2569.3001.10343)
阅读全文