Flutter：如何打开main.dart

Question

借助安装指南和以下解决方案： 如何在Flutter中创建新项目 ，我在Flutter中为iOS和Android兼容平台创建了一个示例（默认/演示）项目。 默认项目（代码）运行正常。

现在，我想更新项目的代码，并根据此文档指南进行操作： 入门：Test Drive ，名为main.dart的文件是项目的源文件，并且其中的代码是主要的源代码。

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

Answer 1

使用Android Studio 3.0及更高版本处理您的抖动项目。

在Android Studio中安装Dart和Flutter插件，然后在Android Studio中打开项目的项目（根目录）。

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

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

查看此参考文档： 入门：配置编辑器

Answer 2

这是Flutter对您的问题的回答： 入门：配置编辑器

您可以将Android Studio或Visual Studio Code用作Flutter（main.dart）项目编辑器。

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

Visual Studio代码（VS代码）设置

VS Code：具有Flutter运行和调试支持的轻型编辑器。

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

安装Dart Code插件

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

使用Flutter Doctor验证您的设置

1. 调用视图>命令面板…
2. 键入“ doctor”，然后选择“ Flutter：Run Flutter Doctor”操作
3. 查看“输出”窗格中的输出是否有问题

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插件时，单击“是”。
5. 出现提示时，单击重新启动。