颤动：如何打开main.dart

Question

在installation guide和这个解决方案的帮助下：How to create new project in 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 Code (VS Code) setup

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

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

安装Dart Code插件

1. 启动VS Code
2. 调用视图>命令调色板...
3. 输入“install”，然后选择“Extensions：Install Extension”操作
4. 在搜索字段中输入dart代码，在列表中选择“Dart Code”，然后单击“安装”
5. 选择“确定”以重新加载VS代码

使用Flutter Doctor验证您的设置

1. 调用视图>命令调色板...
2. 输入“doctor”，然后选择“Flutter：Run Flutter Doctor”操作
3. 查看“OUTPUT”窗格中的输出是否存在任何问题

Android Studio setup

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

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

安装Flutter和Dart插件

• Flutter插件支持Flutter开发人员工作流程（运行，调试，热重新加载等）。
• Dart插件提供代码分析（键入代码验证，代码完成等）。

要安装这些：

1. 启动Android Studio。
2. 打开插件首选项（首选项> macOS上的插件，Windows和Linux上的文件>设置>插件）。
3. 选择Browse repositories ...，选择Flutter插件，然后单击install。
4. 提示安装Dart插件时单击是。
5. 出现提示时单击“重启

Answer 2

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

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

1. 启动Android Studio。
2. 打开插件首选项（首选项> macOS上的插件，Windows和Linux上的文件>设置>插件）。
3. 选择Browse repositories ...，选择Flutter插件，然后单击install。
4. 提示安装Dart插件时单击是。
5. 出现提示时单击“重启

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

请参阅此参考文档：Get Started: Configure Editor