Skip to content

Flutter

Flutter项目的开发语言是Dart,Dart 是由 Google 开发的一种面向对象语言,可以编译成 ARM 和 x86 代码直接运行在 iOS、Android 设备上。 推荐先学习Dart语言官方教程,对Dart有初步了解之后再进行Flutter的学习和开发。

参考[学习文档+工具]

Flutter 开发环境搭建

Android Studio

官网

首次安装需要去下载 sdk,一路默认就行,请打开加速,这个 dl.google.com 不太稳

SDK 配置

点击 “SDK Manager”:

  1. SDK Platforms:SDK 列表, 可以先勾选个 Android 12 的,以后根据需要再加
    • Android API 32(Sv2)
    • Android 12.0(S)
  2. SDK Tools:安装 Android SDK Command-line Tools、Android SDK Platform-Tools、Intel x86 Emulator Accelerator 加速器

XCode

Apple Store 中升级到最新的 xcode

cocoapods

https://cocoapods.org

Flutter SDK

下载 Flutter SDK

下载

比如你将下载下来的flutter包解压到 ~/Documents/sdk/flutter

环境变量

  • macos
sh
# 1. 打开 .bash_profile 配置文件
$vi ~/.bash_profile
# 2. 写入配置
# flutter sdk
export PATH=${PATH}:~/Documents/sdk/flutter/bin
# dart sdk
export PATH=${PATH}:~/Documents/sdk/flutter/bin/cache/dart-sdk/bin
export PATH=${PATH}:~/.pub-cache/bin
# flutter-io 国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
# android
export ANDROID_HOME=~/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PATH=${PATH}:${ANDROID_HOME}/tools

# 3. 生效
$source ~/.bash_profile
# 4. 检查
$flutter doctor
$ flutter doctor
# Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
# Running "flutter pub get" in flutter_tools...                       3.9s
# Doctor summary (to see all details, run flutter doctor -v):
# [✓] Flutter (Channel stable, 2.10.5, on macOS 12.3.1 21E258 darwin-x64, locale zh-Hans-CN)
# [!] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
#     ✗ Android license status unknown.
#       Run `flutter doctor --android-licenses` to accept the SDK licenses.
#       See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
# [✓] Xcode - develop for iOS and macOS (Xcode 13.4)
# [✓] Chrome - develop for the web
# [✓] Android Studio (version 2021.2)
# [✓] VS Code (version 1.67.2)
# [!] Proxy Configuration
#     ! NO_PROXY does not contain ::1
# [✓] Connected device ()
# [✓] HTTP Host Availability

# ! Doctor found issues in 2 categories.

# 5. 同意 Android Licenses
$flutter doctor --android-licenses
  • windows 下设置
  • dd

创作不易请尊重他人劳动成果,未经授权禁止转载!
Released under the MIT License.