求问 vscode 格式化 vue 代码的最佳姿势？

[iscurry]

当我格式化 vue 代码时，方法格式化效果为：a() {}
但是这样在运行时提示格式不正确，本该格式化为 a () {} 请问该如何操作？

[CheckTime]

提供参考：我在 Jetbrains 上，使用配置了 ESLint 的项目，使用 Fix ESLint Problems 可以格式化代码

[Track13]

cli 创建项目的时候你选的 Standard Style?
https://standardjs.com/

[zhuweiyou]

prettier 插件

[renmu123]

安装 vetur 插件。或 npm 安装 prettier 后配置文件，设置为保存时自动格式化

[AeroXu]

Vetur 可以读取你的 prettier 配置，然后格式化。另外 prettier 也可以格式化 vue 文件。

[noqwerty]

哈哈哈哈换了个问法真的没人喷你了

[devld]

vetur 可以配置 js/ts 格式化器。prettier 貌似不能配置方法名后面的空格，默认没空格；如果用 vscode 自带的格式化器，可以配置方法名后面的有没有空格。

报错是因为 eslint 的规则，我用 prettier 时，直接把这个规则禁用掉了。

[wozhihuipinyin]

拷一份大佬的配置文件，eslint 再也不会报错了😎

[jimliang]

eslint auto fix

[bojackhorseman]

@noqwerty 哈哈哈，这样

[FightPig]

prettier + eslint

[uxstone]

@尤小右

[kid740246048]

建议用 prettier 格式化代码，然后 eslint 配下规则，仅检查语法而不检查格式，不然大概率跟 prettier 起冲突。
顺便推荐一套一直在用的 eslint 规则： https://github.com/AlloyTeam/eslint-config-alloy

[laicanwen]

看你的格式化规则，格式化代码应该用的是 prettier 或其他的。然后报错是因为 eslint 的规则检查。
prettier 无法格式化为 a () {}，这一点是跟 eslint 冲突的。
如果是你的个人项目，可以考虑修改 eslint 规则或使用 eslint 插件配合 eslint 进行格式化。如果是多人公司项目你没办法修改规则，那你就乖乖照 eslint 的规定去格式化。
个人的配置是格式化使用 eslint 插件，以及保存文件时自动格式化代码，vue 和 js 都是同理。具体的配置在 vsc 的 setting 文件里，具体操作百度很多，我就不赘述了。