Flutter 环境配置

Flutter 环境配置

一、使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码

image-20210701111834138.png

二、配置Git环境

Git – Downloading Package (git-scm.com)

Flutter需要git环境的支持,直接下载安装即可

三、配置Java环境

Java SE Development Kit 8 – Downloads (oracle.com)

Flutter需要Java环境,同样下载安装就行(一般8.0的版本就行)

四、获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,点击下载

    注意,Flutter的渠道版本会不停变动,请以Flutter官网为准。另外,在中国大陆地区,要想正常获取安装包列表或下载安装包,可能需要翻墙,读者也可以去Flutter github项目下去下载安装包

  2. 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。

  3. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

4.1 更新环境变量

要在终端运行 flutter 命令, 你需要添加以下环境变量到系统PATH:

  • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    • 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.

重启Windows以应用此更改

4.2 运行 flutter doctor

flutter doctor
复制代码

第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

五、安装 Android Studio

Flutter需要安装和配置Android Studio:

  1. 下载并安装 Android Studio.
  2. 启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的

Android Studio镜像网站

AndroidDevTools – Android开发工具 Android SDK下载 Android Studio下载 Gradle下载 SDK Tools下载

鉴于墙的存在,我们可以在镜像网站上下载Android Studio

在其中选择:4.1.3正式版下载即可,更高的4.2.0目前不会被Flutter识别

设置您的Android设备

要准备在Android设备上运行并测试您的Flutter应用,您需要安装Android 4.1(API level 16)或更高版本的Android设备.

  1. 在您的设备上启用 开发人员选项USB调试 。详细说明可在Android文档中找到。
  2. 使用USB将手机插入电脑。如果您的设备出现提示,请授权您的计算机访问您的设备。
  3. 在终端中,运行 flutter devices 命令以验证Flutter识别您连接的Android设备。
  4. 运行启动您的应用程序 flutter run

默认情况下,Flutter使用的Android SDK版本是基于你的 adb 工具版本。 如果您想让Flutter使用不同版本的Android SDK,则必须将该 ANDROID_HOME 环境变量设置为SDK安装目录。

设置Android模拟器

要准备在Android模拟器上运行并测试您的Flutter应用,请按照以下步骤操作:

  1. 在您的机器上启用 VM acceleration .

  2. 启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.

  3. 选择一个设备并选择 Next

  4. 为要模拟的Android版本选择一个或多个系统映像,然后选择 Next. 建议使用 x86x86_64 image .

  5. 在 Emulated Performance下, 选择 Hardware – GLES 2.0 以启用 硬件加速.

  6. 验证AVD配置是否正确,然后选择 Finish

    有关上述步骤的详细信息,请参阅 Managing AVDs.

  7. 在 Android Virtual Device Manager中, 点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面.

  8. 运行 flutter run 启动您的设备. 连接的设备名是 Android SDK built for <platform>,其中 platform 是芯片系列, 如 x86.

六、再次检查

flutter doctor
复制代码

注意:图中有出现 ! 为警告,不会影响程序的运行。如果出现 x 就说明环境不对,需要正对性修正。

比如安装好Android Studio后缺少安卓证书,会提醒你需运行:

flutter doctor --android-licenses
复制代码

你只需要对症下药,直到运行flutter doctor命令不会出现 x 符号!

七、配置编辑器

7.1 安装Flutter插件

  1. 启动 VS Code
  2. 调用 View>Command Palette…
  3. 输入 ‘install’, 然后选择 Extensions: Install Extension action
  4. 在搜索框输入 flutter , 在搜索结果列表中选择 ‘Flutter’, 然后点击 Install
  5. 选择 OK重新启动 VS Code

总结

目前环境配置到此结束,由于我使用的是Windows所以配置的是Windows环境,如果需要配置其他环境可以在官网查看。

入门: 在Windows上搭建Flutter开发环境 – Flutter中文网 (flutterchina.club)

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享