Flutter：如何打开main.dart

Flutter: How to open main.dart

在 installation guide and this solution: 的帮助下，我在 flutter 中为 iOS 和 Android 兼容平台创建了一个示例 (default/demo) 项目。默认项目（代码）工作正常。

现在，我想更新项目的代码，根据这个文档指南：Get Started: Test Drive，一个名为main.dart的文件是项目的源文件和里面的代码，是主要的源代码。

我的问题是 - 如何打开 main.dart?
哪个编辑器（Xcode/Android Studio 或任何其他工具）可以帮助打开此文件？我尝试双击该文件，但它显示了一条消息："legacy image should be converted".

使用 Android Studio 3.0 + 处理您的 flutter 项目。

在 Android studio 中为 Dart 和 Flutter 安装 plug-ins，然后在 Android Studio 中打开项目的项目（根目录）。

  1. 启动 Android Studio。
  2. 打开插件首选项（macOS 上的首选项>插件，Windows 和 Linux 上的文件>设置>插件）。
  3. Select 浏览存储库…，select Flutter plug-in 然后点击安装。
  4. 当系统提示安装 Dart 插件时单击“是”。
  5. 出现提示时单击重新启动。

这是 Android Studio 中的示例项目，名称与您在项目中使用的名称相同：

看这个参考文档：Get Started: Configure Editor

这是 Flutter 对您问题的回答：Get Started: Configure Editor

您可以使用 Android Studio 或 Visual Studio Code 作为 Flutter (main.dart) 项目编辑器。

本文档中还提到了步骤，如何使用这些编辑器打开 Flutter 项目：

Visual Studio 代码（VS 代码）设置

VS Code：一个 light-weight 编辑器，带有 Flutter 运行 和调试支持。

安装 VS Code：VS Code，版本 1.20.1 或更高版本。

安装 Dart 代码插件

  1. 启动 VS 代码
  2. 调用视图>命令面板…
  3. 键入“安装”，然后select“扩展：安装扩展”操作
  4. 在搜索字段中输入 dart 代码，select 列表中的“Dart 代码”，然后单击安装
  5. Select“确定”重新加载 VS 代码

使用 Flutter Doctor 验证您的设置

  1. 调用视图>命令面板…
  2. 键入“医生”，然后select“Flutter：运行 Flutter Doctor”操作
  3. 查看“输出”窗格中的输出是否存在任何问题

Android 工作室设置

Android Studio：完整、集成的 IDE Flutter 体验。

安装 Android Studio：Android Studio，版本 3.0 或更高版本。

安装 Flutter 和 Dart 插件

  • Flutter 插件为 Flutter 开发人员工作流程（运行宁、调试、热重载等）提供动力。
  • Dart 插件提供代码分析（输入时的代码验证、代码补全等）。

要安装这些：

  1. 启动 Android Studio。
  2. 打开插件首选项（macOS 上的首选项>插件，Windows 和 Linux 上的文件>设置>插件）。
  3. Select 浏览存储库…，select Flutter plug-in 然后点击安装。
  4. 当系统提示安装 Dart 插件时单击“是”。
  5. 出现提示时单击重新启动。