Flutter 环境配置:Android下玩Flutter

2020-12-2010:36:33APP与小程序开发Comments2,328 views字数 2465阅读模式

一、Android下玩Flutter

1.下载并安装 Android Studio文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

这个地址下载可能会比较快一点: developer.android.google.cn/studio文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

2: 关于Android Studio配置文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

这里推荐一个非常非常详细的配置文档:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

www.cnblogs.com/mengtaoadmi…文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

如果大家还需额外配置或者遇到疑问的大家可以直接去Android官网查阅和交流文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

developer.android.google.cn/studio/intr…文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

Flutter 环境配置:Android下玩Flutter文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

OK , 到这里我们暂时配置好安卓环境! 接下面去去安装 Flutter文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

4: 检查 HomeBrew (这个非常方便)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

我们在去配置 Flutter 的环境之前,需要先检查一下 HomeBrew 是不是最新的! 如果没有的话就去 HomeBrew官网下载文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

5: 下载 Flutter SDK文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

官网SDK下载地址 速度还是挺快的! 当然也可以通过 ? 去 clone文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

git clone -b beta https://github.com/flutter/flutter.git
复制代码

我这里就看到官网下载速度挺快,就自己下载解压缩,网上也有很多人说上面的 clone 挺费时间. 既然快速学习就不去不必要的采坑 ?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

然后提取文件到所需的位置文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

因为Flutter的SDK中包含了很多命令行工具。我们需要配置环境变量,所以建议你安装到你平时放命令行工具程序的地方! 我这里安装在了根目录的 opt 下!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

/opt/flutter (仅供参考,安装在哪里看你自己的习惯)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

5: 配置环境变量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

因为 Flutter 在运行的时候,需要去官方下载所需要的资源.那么没有“梯子”的伙伴你会需要镜像服务器,以下是官方文档的友情提示文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

Flutter 环境配置:Android下玩Flutter文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

  • 来到你对应 Shell 的配置文件进行配置。
  • 如果你使用默认的bash那么配置 ~/.bash_profile
  • 如果你使用zsh(Mac新系统默认是zsh)那么配置 ~/.zshrc
#Flutter 镜像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

#Flutter 配置
export FLUTTER=/opt/flutter/bin
export PATH=$FLUTTER:$PATH
复制代码

配置完成就执行 source ~/.bash_profile文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

那么接下来!我们可以看看 Flutter 是否配置完成了。Flutter有一个 doctor 检测指令。专门用于检测你的Flutter环境的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

flutter doctor
复制代码

Flutter 环境配置:Android下玩Flutter文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

跑了一段时间你可以就会出现?的情况, 在 AndroidVS code 配置没有成功文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

接下来我们去配置各个平台的 Flutter 的环境 去解决以下问题文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    ✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
    
[!] Android Studio (version 4.1)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.52.0)
    ✗ Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
    ! Error: Cooci的iPhone is not connected. Xcode will continue when Cooci的iPhone is connected.
      (code -13)
复制代码

6: 配置各个平台环境文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

① : 解决 android-licenses 问题文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

flutter doctor --android-licenses

后面一顿 y
复制代码

②: Android -> configure -> Plugins 去安装 Flutter 插件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

Flutter 环境配置:Android下玩Flutter文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

注意现在 暗示4.1.1的版本有bug 就是添加了插件还会报那个错误.大家可以降低版本文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

因为 Android Studio 4.1 的插件位置变了,所以用 flutter doctor 这个命令去检测时,还是会去原来的位置查找这两个插件,由此导致无法找到插件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

但是并不影响打包编译!!!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

③ : VSCode 安装 flutter插件文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

Flutter 环境配置:Android下玩Flutter文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

④ : 真机设备报错文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

[!] Connected device
    ! Error: Cooci的iPhone is not connected. Xcode will continue when
      Cooci的iPhone is connected. (code -13) 
复制代码

这个问题只要连上真机就可以解决!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

问题解决了大家可以打开经典的Flutter 界面开始玩耍吧!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

二、其他方式 下玩Flutter

在iOS 环境下面需要依赖一些东西文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

需要通过homebrew安装用于将Flutter应用程序部署到iOS设备的环境和工具:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
复制代码

不同情况下回 遇到很多不同情况,如果不成功可以通过flutter doctor来定位问题文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

  • 1、命令行
# 其中flutterapp为项目名称,不能用大写
flutter create flutterapp

cd flutterapp
flutter run 
# 当然如果你连接了真机 - 还可以真机运行

flutter run -d 47662d3bad7fa0da458.....
复制代码

2、XCode运行文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

Flutter 环境配置:Android下玩Flutter文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

作者:Cooci文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/20754.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/xcx/20754.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定