5 个 Flutter VSCode 技巧和窍门，你可以马上使用！

5 个 Flutter VSCode 技巧和窍门，你可以马上使用！

前言

今天，我将向你展示 5 个非常有用的 Flutter 技巧，你可以立即应用到你的项目中。我不会给你任何软件包或扩展，但非常简单，但非常有用的技巧！

正文

更清晰的文件夹结构

在创建一个新的 flutter 项目后，有太多的文件。但是我们可以在 VSCode 中用非常简单的步骤来构造这些文件:

1. 打开命令面板(Ctrl/Cmd + Shift + P)
2. 键入"首选项: 打开设置(JSON)"
3. 将以下代码行添加到 setings.json:

{
  "explorer.fileNesting.patterns": {
    "pubspec.yaml": "pubspec.lock, .packages, .flutter-plugins, .flutter-plugins-dependencies"
  }
}

正如您所看到的，许多我们很少使用的文件现在隐藏在 pubspec.yaml 中。当然，您可以展开 pubspec.yam land 来访问这些文件。

自动 Fix linters

一个接一个地解决所有的内衬问题是非常烦人的。这就是为什么我们将创建一种方法来自动添加这些小东西时，保存文件。为此，我们返回到 setings.json 并添加以下内容:

{
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  }
}

Awesome Flutter Snippets

这个扩展对于每个 Flutter 开发者来说都是必不可少的。它提供了如此多不同的 Flutter 片段，您可以立即使用它们来加快开发速度。它为每个用例提供了 40 多个代码片段，并支持复杂的 widget 。

Print vs log

有时候，如果您想在控制台上打印一个错误，那么这个错误显示的时间太长了。这是因为 print 有字符限制。要显示错误，只需使用 log(message)代替:

import 'dart:developer';

log('This is a long error message...');

更容易格式化

现在我们希望在保存文件时立即对其进行格式化。为此，将以下代码行添加到 setings.json:

{
  "editor.formatOnSave": true
}

提升开发效率的小工具

在开发过程中，使用像 AppUploader 这样的工具可以大大提升工作效率。AppUploader 是一款专为 iOS 开发者设计的辅助工具，可以帮助开发者快速完成应用打包、上传到 App Store Connect 等流程，让开发者能够更专注于代码编写和功能实现。

结合上述 VSCode 技巧，你可以打造一个高效的 Flutter 开发环境。比如，在完成代码编写并保存时自动格式化代码、修复 lint 问题，然后使用 AppUploader 快速打包测试，形成一个流畅的开发闭环。