android - Flutter:如何打开 main.dart

Question

在installation guide的帮助下这个解决方案:How to create a new project in Flutter ，我在 flutter 中为 iOS 和 Android 兼容平台创建了一个示例(默认/演示)项目。默认项目(代码)运行良好。

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

我的问题是 - 如何打开 main.dart？
哪个编辑器(Xcode/Android Studio 或任何其他工具)可以帮助打开这个文件？我尝试双击该文件，但它显示一条消息:“应转换旧图像”。

Answer 1

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

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

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

Visual Studio 代码(VS 代码)设置

VS Code:轻量级编辑器，支持 Flutter 运行和调试。

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

安装 Dart 代码插件

1. 启动 VS 代码
2. 调用 View >命令面板…
3. 键入“安装”，然后选择“扩展:安装扩展”操作
4. 在搜索栏中输入 dart 代码，在列表中选择“Dart 代码”，然后点击安装
5. 选择“确定”重新加载 VS 代码

使用 Flutter Doctor 验证您的设置

1. 调用 View >命令面板…
2. 键入“doctor”，然后选择“Flutter:运行 Flutter Doctor”操作
3. 查看“输出” Pane 中的输出是否存在任何问题

Android Studio 设置

Android Studio:适用于 Flutter 的完整、集成的 IDE 体验。

安装 Android Studio:Android Studio 3.0 或更高版本。

安装 Flutter 和 Dart 插件

• Flutter 插件为 Flutter 开发人员的工作流程(运行、调试、热重载等)提供支持。
• Dart 插件提供代码分析(输入时的代码验证、代码完成等)。

要安装这些:

1. 启动 Android Studio。
2. 打开插件首选项(首选项>macOS 上的插件，文件>设置>Windows 和 Linux 上的插件)。
3. 选择浏览存储库...，选择 Flutter 插件并点击安装。
4. 当系统提示安装 Dart 插件时单击"is"。
5. 出现提示时单击重新启动。