在Windows上搭建Flutter开发环境

1,507 阅读3分钟

已经翻墙了, 不考虑未翻墙情况

1. 计算机依赖

  • (1) 需要安装好并能用Git
  • (2) 磁盘空间400M,大部分电脑都能满足

2. flutter的sdk安装

(1) 下载sdk

flutter.dev/docs/develo…

(2) 安装

解压(1)中下载的sdk, 不要解压到高权限的目录,比如C:\Program Files, 后面操作各种问题;

然后, 双击flutter安装目录下的flutter_console.bat执行安装, 完成后就能运行flutter命令了

(3) 设置环境变量

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中: export PUB_HOSTED_URL=pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn
注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考(github.com/flutter/flu…) 以获得有关镜像服务器的最新动态。

要全局都能运行flutter命令, 应该设置环境变量.

  • 在环境变量中新加flutter的环境变量(全路径比如: D:\flutter\bin;)
  • 添加PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL的环境变量 此时就能够在window powershell中全局使用flutter命令了

3. Android studio安装

  • (1) 下载 developer.android.com/studio/inde…
  • (2) 安装; 启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的
  • (3) 设置安卓模拟器;

4. flutter初步体验

(1) 安装插件

File>Settings>Plugins 然后选择flutter和dart后安装

(2) 体验flutter

Android Studio: 为Flutter提供完整的IDE体验.

创建新应用
  • 1.选择 File>New Flutter Project
  • 2.选择 Flutter application 作为 project 类型, 然后点击 Next
  • 3.输入项目名称 (如 myapp), 然后点击 Next
  • 4.点击 Finish
  • 5.等待Android Studio安装SDK并创建项目. 上述命令创建一个Flutter项目,项目名为myapp,其中包含一个使用Material 组件的简单演示应用程序。

在项目目录中,您应用程序的代码位于 lib/main.dart.

运行应用程序
  • 1.定位到Android Studio 工具栏:
  • 2.在 target selector 中, 选择一个运行该应用的Android设备. 如果没有列出可用,请选择 Tools>Android>AVD Manager 并在那里创建一个
  • 3.在工具栏中点击 Run图标, 或者调用菜单项 Run > Run.
    如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序:
体验热重载

Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态(译者语:如果是一个web开发者,那么可以认为这和webpack的热重载是一样的)。简单的对代码进行更改,然后告诉IDE或命令行工具你需要重新加载(点击reload按钮),你就会在你的设备或模拟器上看到更改。

  • 1.将字符串
    'You have pushed the button this many times:' 更改为
    'You have clicked the button this many times:'
  • 2.不要按“Stop”按钮; 让您的应用继续运行。
  • 3.要查看您的更改, 只需调用 Save All (cmd-s / ctrl-s), 或点击 热重载按钮 (带有闪电⚡️图标的按钮).
    你就会立即看到更新后的字符串。