Flutter 开发环境搭建---安装(一)

工欲善其事必先利其器,首先会分别介绍一下在 Windows 和 macOS 下 Flutter SDK 的安装,然后再介绍一下配 IDE 和模拟器的使用。

安装 Flutter

由于 Flutter 会同时构建 Android 和 IOS 两个平台的发布包,所以 Flutter 同时依赖 Android SDK 和 iOS SDK,在安装 Flutter 时也需要安装相应平台的构建工具和 SDK。下面我们分别介绍一下 Windows 和 macOS 下的环境搭建。

6d33bb8aa3ab3aefae1b2a8b4bdd7d8f.png

1

使用镜像

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

最新的环境变量通过Flutter官网获取:

618fd9df44103fc8236652bba40b52fa.png

export PUB_HOSTED_UR=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

36ced1a16a5e69b6fde758c38034375d.png

2

获取 Flutter SDK

去 flutter 官网下载其最新可用的安装包:

https://flutter.dev/docs/development/tools/sdk/releases

9e9de0d4a3c4f4b650b19aff999eab2e.png

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

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

更新环境变量

如果你想在 Windows 系统自带命令行运行 flutter 命令,需要添加flutter SDK安装目录下的bin目录到用户环境变量PATH。

安装其他依赖

运行 flutter doctor 命令

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK 已经在打包在 Flutter SDK 里了,没有必要单独安装 Dart。

Android 设置

Flutter 依赖于 Android Studio 的全量安装。Android Studio 不仅可以管理 Android 平台依赖、SDK 版本等,而且它也是 Flutter 开发推荐的 IDE 之一

88de3e5134b8154e67de95be41c382c1.png

1

下载并安装 Android Studio

下载地址:https://developer.android.com/studio/index.html

67f49eed736a20620c8e8407299a8aa7.png

eee10f292d9916ba37a339e189e0a417.png

2

  启动 Android Studio,然后执行“Android Studio 安装向导”

这将安装最新的 Android SDK、Android SDK 平台工具和 Android SDK 构建工具,这些是用 Flutter 进行 Android 开发所需要的。

Xcode设置

要为 iOS 开发 Flutter 应用程序,您需要 Xcode 9.0 或更高版本:

1. 安装 Xcode 9.0 或更新版本(通过链接下载或苹果应用商店).

2. 配置 Xcode 命令行工具以使用新安装的 Xcode 版本 `sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer` 对于大多数情况,当您想要使用最新版本的 Xcode 时,这是正确的路径。

3. 确保 Xcode 许可协议是通过打开一次 Xcode 或通过命令`sudo xcodebuild -license`同意过了.

使用 Xcode,您可以在 iOS 设备或模拟器上运行 Flutter 应用程序。

155c07702b01004ad6893774ca2d2139.gif

END

14a3a37c366cc450d1586dd7995ca351.gif

25a5448a81851110f8ba100d4529876e.png

扫码了解更多

e6e504478da13e61399f72dc419134a4.png

160ee6034897d5eeaa8422a519cc92f4.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值