Flutter 环境配置及运行示例程序

转载请以链接形式标明出处：
本文出自:103style的博客

---

官方配置介绍

---

以下为Windows示例：

• 下载Flutter sdk，建议在盘符根目录下下载(e.g. D:\)。

git clone https://github.com/flutter/flutter.git

示例

---

• 更新 path 环境变量
  • 在开始菜单的搜索功能键入env，然后选择 编辑账户的环境变量
  • 在 用户变量 一栏中，检查是否有 Path 这个条目：
    • 有的话，则把flutter\bin的完整目录添加到Path变量中(e.g. D:\flutter\bin).
    • 如果不存在的话，在用户环境变量中 点击新建 创建一个新的 Path 变量，然后将 flutter\bin 所在的完整路径作为新变量的值。

---

• 运行 flutter doctor
  按 win + R,输入cmd, 然后输入flutter doctor 回车检查flutter环境。然后会提示你那些配置没配好。笔者提示的是 没有找到 Android sdk 的目录，需要在环境变量里 添加一个 ANDROID_HOME，值为你 Android sdk的目录, 例如D:/example/sdk。

---

• 安装开发工具，以 Android Studio 为例
  • 下载Android Studio
  • 然后双击运行下载的exe文件。
  • 然后安装 Flutter 和 Dart 插件
    安装插件
  • 输入dart，然后勾选上，在输入flutter，然后勾选上，点击ok
    image.png

---

• 运行示例程序
  • 重新启动 Android Studio
  • 点击Open an existing Android Studio project
  • 选中之前下载flutter sdk目录下中的example 里的 flutter_gallery，路径(e.g. D:\flutter\examples\flutter_gallery)
  • 然后同时按住 ctrl 、alt 、s三个键，输入 flutter，然后修改Flutter SDK path为刚刚下载的地址(e.g. D:\flutter)。
    image.png
  • 等待编译通过，运行程序。快捷键Shirt + F10
    运行