VSCode 最新版本 Vue代码自动格式化

在重装系统后，面对熟悉的VSCode环境，却发现代码自动格式化功能似乎失灵了。以往按下Ctrl+S，代码便能自动调整格式，统一引号使用、去除末尾分号或逗号、优化代码质量。

不禁疑惑，这究竟是何原因？

系统重装后，重新下载的软件都是最新版本：node-v14.16.0-x64.msi、VSCode-win32-x64-1.5.2.zip。

配置自动格式化，需确保安装了ESLint、Vetur、Prettier插件，并调整settings.json配置如下：

在项目UI页面添加依赖：eslint-config-prettier、prettier，如下截图所示。

对.eslintrc.js文件进行修改，将extends配置修改为'prettier'，以实现自动格式化效果。

完成配置后，代码自动格式化功能恢复如初，如下视频验证。2024-08-23