Flutter环境配置(MacOS系统,iOS开发)

1.开发环境:

 硬件设备:MacBook Pro

系统版本:macOS Mojave 10.14.2 (18C54)

Xcode版本:Version 10.1 (10B61)

Android Studio版本:3.5

 

2.配置 Flutter 环境变量(临时的),下载资源,检测依赖包

# 资源镜像,针对内地网络环境
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

# 下载flutter资源
$ git clone -b dev https://github.com/flutter/flutter.git

# 添加flutter相关工具到path中
$ export PATH="$PWD/flutter/bin:$PATH"

# 检测依赖
$ cd ./flutter
$ flutter doctor

报错处理:

# 检测flutter依赖资源
$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel dev, v1.12.4, on Mac OS X 10.14.2 18C54, locale zh-Hans-CN)

# 错误1
# 按照提示操作
# 执行1:"/Users/用户名/Library/Android/sdk/tools/bin/sdkmanager" "platforms;android-28" "build-tools;28.0.3"
# 执行2:flutter doctor --android-licenses
[!] Android toolchain - develop for Android devices (Android SDK version 27.0.1)
    ✗ Flutter requires Android SDK 28 and the Android BuildTools 28.0.3
      To update using sdkmanager, run:
        "/Users/用户名/Library/Android/sdk/tools/bin/sdkmanager"
        "platforms;android-28" "build-tools;28.0.3"
      or visit https://flutter.dev/setup/#android-setup for detailed
      instructions.
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor
      --android-licenses

# 错误2
# 执行1: 更新MacOS系统,更新Xcode,这个比较耗时间,建议可以先做其他的操作
# 执行1: 更新cocoapod,  $sudo gem install cocoapods

[!] Xcode - develop for iOS and macOS (Xcode 10.1)
    ✗ Flutter requires a minimum Xcode version of 10.2.0.
      Download the latest version or update via the Mac App Store.
    ! CocoaPods 1.5.3 out of date (1.6.0 is recommended).
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin
        code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To upgrade:
        sudo gem install cocoapods

# 错误3

[!] Android Studio (version 3.5)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.

# 解决方案
# 需要安装两个插件:
#    Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
#    Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).
# 要安装这些:
# 启动Android Studio.
# 打开插件首选项,具体操作见下图
# 重启Android Studio

# 错误4
# 如字面意思,就是没有测试设备连上
# https://stackoverflow.com/questions/49045393/flutter-run-no-connected-devices

[!] Connected device
    ! No devices available

! Doctor found issues in 4 categories.

环境变量配置:

执行命令 open ~/.bash_profile ,报错.bash_profile不存在,执行如下操作

$ cd ~/
$ touch .bash_profile
$ open -e .bash_profile

# 环境变量(永久的)

# 添加flutter相关工具到path中
export PATH="$PWD/flutter/bin:$PATH"

# Android SDK路径
export ANDROID_HOME="/Users/用户名/Library/Android/SDK" 
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

# 资源镜像,针对内地网络环境
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

保存以上环境变量后,记得执行 $ source ~/.bash_profile 生效哦;

但是发现找不到Android SDK,

[✗] Android toolchain - develop for Android devices
    ✗ ANDROID_HOME =/Users/用户名/Library/Android/SDK
      but Android SDK not found at this location.
————————————————

执行如下:

$ cd ~/
$ touch ~/.zshrc
$ open -e ~/.zshrc

打开的文件中最后一行添加 source ~/.bash_profile

依然抱错,执行如下:

flutter config --android-sdk /Users/用户名/Library/Android/SDK

然后执行:

$ flutter doctor

 

如果出现以下问题:

$ flutter doctor

Downloading Dart SDK from Flutter engine fad1b23c42b96197a097fe42d37171f32459fecb...

curl: (3) URL using bad/illegal format or missing URL



/flutter_infra/flutter/fad1b23c42b96197a097fe42d37171f32459fecb/dart-sdk-darwin-x64.zip

If you're located in China, please see this page:

  https://flutter.dev/community/china

感觉还是镜像的问题,终端运行如下命令:

# 资源镜像,针对内地网络环境
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 

检查正常

以上操作做完,已经表示你可以运行一个Flutter Demo了;

参考网站:

https://flutterchina.club/setup-macos/

https://flutter.dev/community/china

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章