Flutter笔记：手动配置VSCode中Dart代码自动格式化_vscode dart

Flutter笔记 手动配置VSCode中Dart代码自动格式化

---

- 文章信息 -

Author: 李俊才 (jcLee95)
Visit me at CSDN: https://jclee95.blog.csdn.net
My WebSite：http://thispage.tech/
Email: 291148484@163.com.
Shenzhen China
Address of this article:https://blog.csdn.net/qq_28550263/article/details/138587994
HuaWei:https://bbs.huaweicloud.com/blogs/427123

---

【介绍】：本文介绍VSCode设置Dart代码自动格式化。

---

1. 概述

长期以来Dart插件安装即自动设置代码保存自动格式化。最近几个版本不知道为什么没有设置，介绍记录一下怎么设置，顺便发个小短文。

2. 步骤解析

在VSCode中设置Dart代码自动格式化非常简单。你可以通过以下步骤来配置VSCode以在保存文件时自动格式化Dart代码。

2.1 安装Dart和Flutter插件

打开VSCode。

转到扩展视图通过点击侧边栏的扩展图标或通过按 Ctrl+Shift+X。

搜索 “Dart” 和 “Flutter”，然后安装这两个扩展。

2.2 启用保存时自动格式化

• 打开设置，可以通过点击左下角的齿轮图标，选择 “Settings”，或者通过快捷键 Ctrl+,。

• 在搜索框中输入 “format on save”。

• 找到 “Editor: Format On Save” 选项并勾选该复选框。

2.3 可选设置

• 如果你想要更细致地控制格式化，例如只在特定类型的文件上应用格式化，你可以编辑 settings.json 文件。可以通过点击右上角的 {} 图标（在设置标签页打开时可见）直接编辑。

• 添加或修改以下设置：

  "[dart]": {
      "editor.formatOnSave": true,
      "editor.formatOnType": true
  }
  1
  2
  3
  4

这样设置后，每次你在VSCode中保存Dart文件时，它都会自动进行格式化，使代码保持整洁和一致。如果你遇到任何问题，确保Dart和Flutter插件是最新版本，并重启VSCode尝试解决。