Flutter开发环境配置-Windows

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cjc035/article/details/88686213

下载Flutter Sdk

系统要求:
安装运行Flutter,开发环境必须满足以下要求:
操作系统:Windows 7 或者以上版本,64位机器
硬盘空间:不包括IDE和工具在内,至少需要400M
软件工具:
Windows PowerShell 5.0或者以上
Windows版Git 2.x,请确保Git可以正常运行

获取Flutter Sdk:
1. 点击这里下载最新版本的Flutter Sdk。如果想要获取更多Flutter Sdk或者下载以前版本的Flutter Sdk,请点击SDK archive下载。
2. 解压缩zip文件到存放Flutter Sdk的目录,例如我存放在D:\Android\flutter目录下。不要将Flutter解压缩在像C:\Program Files这样的私有目录下。
3. 在flutter目录中找到flutter_console.bat文件,双击运行安装Flutter。
现在,Flutter就已经安装好了,你可以通过Windows控制台中运行flutter了。
如果想要更新Flutter,请点击这里更新
安装成功后运行如图

配置Flutter的环境变量

flutter安装完成之后,只能在flutter所在的目录下运行。要想在控制台中所有目录都能运行,我们还需要给flutter添加到系统环境变量。

  1. 复制flutter解压后所在的目录地址,以我的安装地址为例就是复制D:\Android\flutter\bin;
  2. 在左下角的“开始”中输入“env”,选择 “编辑系统环境变量” 。在弹出的窗口中点击 “环境变量” ;
  3. 新建环境变量,命名为FLUTTER_HOME,粘贴复制的flutter的安装地址,点击确定;
  4. 找到 “Path” ,点击编辑,添加 %FLUTTER_HOME% 并用分号将其余其他路径分开,然后全部点击 “确定” ;
    关于配置flutter环境变量的详细介绍,请查看https://blog.csdn.net/cjc035/article/details/88687785

现在就可以在任何目录下运行flutter了!

运行 flutter doctor

在控制台下运行flutter doctor命令,查看有哪些以来环境需要继续完成配置的。
运行flutter doctor
这条命令会检查当前的flutter运行环境并且显示报告当前flutter安装的状态。需要仔细核对粗体字提示的需要安装的软件或者错误报告。
例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.

接下来将介绍如何完成这些工作的步骤。一旦你完成了一项配置工作,你可以运行flutter doctor来验证还剩下哪些工作需要完成。

Android 设置

注意:flutter以来完全安装好的Android Studio开发环境。当然,你也可以只用文本编辑器来开发flutter,这个会在以后介绍。

安装Android Studio

  1. 安装 JDK 并且正确配置 JDK 的环境变量,详细步骤请参考https://blog.csdn.net/cjc035/article/details/88688447;
  2. 下载并安装 Android Studio
    安装最新版本的Android SDK,Android SDK Platform-Tools,Android SDK Build-Tools,这些都是flutter需要依赖的。

设置 Android 设备

要能让 flutter app 在 Android 设备上运行,请确保 Android 系统在 4.1 或者以上版本

  1. 打开 Android 开发者选项,启用 USB 调试;
  2. 用 USB 数据线将 Android 设备和电脑连接;
  3. 在控制台运行 flutter devices,如图所示则 Android 设备连接成功:
    在这里插入图片描述

安装 Android Studio 插件

  1. 打开 Android Studio
  2. 打开安装插件窗口,File > Settings > Plugins
  3. 选在 Browse repositories,选择 Flutter 插件并且点击 Install
  4. 重启 Android Studio

创建第一个 Flutter App

  1. 打开 Android Studio
  2. 选择 File > New Flutter Project
  3. 选择 Flutter application 作为工程类型,并且一路 Next
  4. 确保 Flutter SDK PathAndroid SDK 都已经正确安装了
  5. 输入工程名,例如 myapp,然后点击 Next
  6. 点击 Finish
  7. 等待 Android Studio 创建 Flutter 工程并且打开

运行 Flutter App

  1. 找到 Android Studio 的工具栏
    在这里插入图片描述

  2. target selector 中选择一个 Android 设备运行APP

  3. 点击 Run
    等待工程 Build 完成后,在 Android 设备上将会看到运行的 Flutter App
    在这里插入图片描述

感受热加载

Flutter 开发可以使用热加载,不需要每次修改代码之后都重新运行 App。当源代码修改之后,使用热加载功能,可以在 Android 设备上看到修改后的效果,无需重新 Build,无需重新启动 App。

  1. 打开 lib/main.dart
'You have pushed the button this many times'

改成

'You have clicked the button this many times'
  1. 点击 Hot Reload 工具栏的 闪电 图标,将在APP上立马展示效果

注意:在修改代码的时候不能关闭已经运行的APP

到这里,Flutter 的开发环境就配置好了,并且成功运行了第一个 Flutter App

猜你喜欢

转载自blog.csdn.net/cjc035/article/details/88686213