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

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

- 文章信息 -
Author: 李俊才 (jcLee95)
Visit me at CSDN: https://jclee95.blog.csdn.net
My WebSitehttp://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代码自动格式化。

flutter-ljc


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
    }
    

在这里插入图片描述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jcLee95

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值