Flutter 快速上手，秒变大前端

---

配置开发环境

---

---

Flutter开发可以在macOS，Linux或Windows上完成。虽然您可以在Flutter工具链中使用任何编辑器，但IntelliJ IDEA，Android Studio和Visual Studio Code的IDE插件可以简化开发工作。

• 下载flutter SDK。地址（链接见文末）

• 将flutter的bin目录添加到path中。

• 执行flutter doctor命令，他会安装flutter框架，包括dart，而且提示你任何其他需要安装的依赖。

• 安装其他依赖。

• 在IDE中安装flutter插件。

---

体验

---

---

▐  Android Studio (为Flutter提供完整的IDE体验)

创建应用

1. 选择 File>New Flutter Project

2. 选择 Flutter application 作为 project 类型, 然后点击 Next

3. 输入项目名称 (如 myapp), 然后点击 Next

4. 点击 Finish

5. 等待Android Studio安装SDK并创建项目. 在项目目录中，您应用程序的代码位于 lib/main.dart.

运行应用程序

1. 定位到Android Studio 工具栏:

1. 在 target selector 中, 选择一个运行该应用的Android设备. 如果没有列出可用，请选择 Tools>Android>AVD Manager 并在那里创建一个

2. 在工具栏中点击 Run图标, 或者调用菜单项 Run > Run.

▐  VS Code(轻量级编辑器，支持Flutter运行和调试)

创建应用

1. 启动 VS Code.

2. 调用 View>Command Palette…

3. 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action

4. 输入 Project 名称 (如myapp), 然后按回车键

5. 指定放置项目的位置，然后按蓝色的确定按钮

6. 等待项目创建继续，并显示main.dart文件 在项目目录中，您应用程序的代码位于 lib/main.dart.