Vue.js Vue CLI和Visual Studio代码格式冲突

我使用本教程生成了一个Vue.js项目：

然后，我继续更改Visual Studio代码设置和项目配置，如下所述：

不幸的是，这导致

Vue CLI

和Visual Studio代码具有不同的格式设置。每当我在

VS code

中保存一个文件时，它就会被格式化（这很好）。但是，当我在

Vue CLI

中运行命令时，所有文件都会按照不同的规则重新格式化。这意味着几乎所有的文件都会被修改，即使修改与我正在做的事情无关。这让我快发疯了

如何使这些工具“同步”，使它们不应用不同的格式规则？哪些配置文件与此相关

或者是否可以完全禁用

Vue CLI中的格式设置

更新：

最近我注意到
VS code
本身就把格式弄乱了。即使不使用
Vue CLI
。当我对
.vue
文件进行更改并保存它们时，
VS code
会在javascript映射的最后一个元素后添加尾随逗号。当我做一些额外的更改时，逗号会保留在那里。但随着另一个变化，它突然将它们全部移除。这种行为似乎完全是随机的。
我在根目录中创建了一个名为
prettierrc.js
的文件，其中包含以下内容：

module.exports = {
  trailingComma: "all",
  arrowParens: "always",
};

我在根目录中创建了一个名为
prettierrc.js
的文件，其中包含以下内容：

module.exports = {
  trailingComma: "all",
  arrowParens: "always",
};