VUE3+TS项目在使用prettier 格式化代码后会在语句前加分号是怎么回事？

VUE3+TS项目在使用prettier格式化代码后会在语句前加分号是配置文件不对吗

//prettier.config.js
module.exports = {
  printWidth: 120,
  tabWidth: 2,
  useTabs: false,
  singleQuote: true,
  semi: false,
  trailingComma: "none",
  bracketSpacing: true,
  jsxSingleQuote: true,
  jsxBracketSameLine: false,
  arrowParens: "avoid"
}

阅读 1.3k

你在prettier.config.js配置文件中正确地设置了semi: false，这表示Prettier不应该在语句前添加分号。所以，你的配置本身应该是正确的。

然而，你遇到的问题可能是由以下原因导致的：

项目中有其他配置文件冲突：确保你的项目中没有其他Prettier配置文件（如.prettierrc，prettier.config.js，或package.json中的Prettier配置）。如果有，它们可能会覆盖你的prettier.config.js配置。
编辑器或IDE的Prettier插件设置：许多编辑器（如VS Code）和IDE都内置了Prettier插件，它们可能有自己的Prettier配置选项。检查你的编辑器或IDE的Prettier插件设置，确保它们没有启用自动添加分号的功能。
Prettier版本问题：确保你安装的Prettier版本支持你的配置文件。有时，更新Prettier到最新版本可能会解决兼容性问题。
文件类型或语法问题：Prettier可能针对不同类型的文件（如.ts，.vue等）有不同的默认行为。尝试查看Prettier的文档，看看是否有针对你正在处理的文件类型的特殊配置要求。
手动修改代码：确保你没有在代码中手动添加分号。如果添加了，Prettier可能会保留这些分号。

要解决这个问题，你可以尝试以下步骤：

检查并删除项目中所有其他Prettier配置文件。
检查并更新你的编辑器或IDE的Prettier插件设置。
更新Prettier到最新版本。
如果问题仍然存在，尝试在一个简单的、只包含TypeScript或Vue文件的示例项目中运行Prettier，看看是否还会出现同样的问题。

希望这些信息能帮助你解决问题！如果问题仍然存在，请提供更多关于你的项目配置和环境的详细信息，以便我能提供更具体的帮助。

VUE3+TS项目在使用prettier 格式化代码后会在语句前加分号是怎么回事？

你尚未登录，登录后可以

优化js异步网络请求？

如何在 Vue3 项目中配置 ESLint 9 和 Prettier 规则并实现保存自动格式化？

Vim 快捷键实现注释对齐的方法是什么？

VUE3+TS项目 在使用prettier 格式化代码后 会在语句前加分号是怎么回事？

你尚未登录，登录后可以

优化js异步网络请求？

如何在 Vue3 项目中配置 ESLint 9 和 Prettier 规则并实现保存自动格式化？

Vim 快捷键实现注释对齐的方法是什么？

VUE3+TS项目在使用prettier 格式化代码后会在语句前加分号是怎么回事？