vue.js - Vue-CLI 和 Visual Studio Code 格式冲突

Question

我使用本教程生成了一个 Vue.js 项目：https ://www.vuemastery.com/courses/real-world-vue-js/vue-cli/

然后我开始更改Visual Studio Code设置和项目配置，如下所述：https ://www.vuemastery.com/courses/real-world-vue-js/optimizing-your-editor

不幸的是，这导致Vue-CLIVisual Studio Code 具有不同的格式设置。每当我将文件保存在 中时VS Code，它都会被格式化（这很好）。但是当我在 中运行命令时Vue-CLI，所有文件都会按照不同的规则重新格式化。这意味着即使更改与我正在做的事情无关，几乎所有文件都会被修改。这真让我抓狂。

我怎样才能让这些工具“同步”，这样它们就不会应用不同的格式规则？哪些配置文件与此相关？

或者是否有可能完全禁用格式Vue-CLI？

更新：

最近我注意到它VS Code本身就弄乱了格式。即使不使用Vue-CLI. 当我对文件进行更改.vue并保存它们时，VS Code在 javascript 映射中的最后一个元素之后添加尾随逗号。当我进行一些额外的更改时，逗号会保留在那里。但是随着另一个变化，它突然将它们全部删除。这种行为似乎完全随机。

标签： vue.jsvisual-studio-codevuejs2vue-clivue-cli-3

Answer 1

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

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