vscode格式化代码设置问题

Question

如何设置vscode可以使其在格式化代码时满足以下要求：
1.vue文件中添加方法名后面的空格；
2.使用单引号；
3.去除行末分号；
4.去除多余逗号；

我遇到的问题：

当满足条件1时，必须将vetur.format.defaultFormatter.js设置为vscode-typescript，格式化代码时，将不会执行prettier相关的设置，即不会满足234等条件。

如图：

Answer 1

你好，我使用 volar 来提供 vue 文件的语法提示等支持，
在使用如下方式初始化项目

❯ npm init @vitejs/app
√ Project name: ... test
√ Select a framework: » vue
√ Select a variant: » vue-ts

然后在项目的根目录下创建 .prettierrc 文件
内容为：

{
    "singleQuote": true,
    "semi": false,
    "trailingComma": "none"
}

再对 vue 文件进行格式化即可实现你所提出的四点要求

格式化前:

格式化后: