vscode vue3 怎么设置格式化

可以按照以下步骤进行设置：

1. 安装插件：在 VS Code 中搜索并安装插件「Vetur」，这是一个专门用于 Vue 开发的插件。

2. 打开设置：选择「文件」菜单下的「首选项」->「设置」，或者使用快捷键「Ctrl + ,」打开设置界面。

3. 配置格式化选项：在设置界面中搜索「vetur.format」，可以看到有很多格式化选项，例如「vetur.format.defaultFormatter.html」、「vetur.format.defaultFormatter.css」等等。找到「vetur.format.defaultFormatter.js」，点击「编辑」按钮，选择「prettier」格式化器。

4. 安装 prettier：如果你还没有安装 prettier，则需要先安装它，可以通过命令行执行以下命令进行安装：

npm install --save-dev prettier

5. 配置 prettier：在设置界面中搜索「prettier」，可以看到有很多 prettier 相关的选项。可以根据自己的需求进行配置，例如「prettier.tabWidth」、「prettier.printWidth」等等。

6. 格式化代码：在编辑器中打开一个 Vue 文件，使用快捷键「Shift + Alt + F」或者右键点击选择「格式化文档」进行代码格式化。

注意：以上步骤中的快捷键可能因操作系统或语言环境而不同。