Code前端首页关于Code前端联系我们

Flutter环境配置:在Android上玩Flutter

terry 2年前 (2023-09-22) 阅读数 74 #移动小程序

1.在 Android 上玩 Flutter

1。下载安装Android Studio

这个地址可以下载得比较快:developer.android.google.cn/studio

2:关于Android Studio配置

这里推荐一个非常非常详细的配置文档:

www .cnblogs.com/mengtaoadmi…

如果需要进一步配置或者有疑问,可以直接去Android Check官网交流

developer.android.google.cn/studio/intr…

Flutter 环境配置:Android下玩Flutter

OK,到这里我们就暂时配置好了Android环境!接下来,安装Flutter

4:检查HomeBrew(很方便)

在我们配置环境Flutter之前,我们需要检查♝是最新的!如果没有的话,去HomeBrew官方网站下载

5:下载Flutter SDK

官方SDK下载网站速度还是蛮快的!当然你也可以通过?去克隆

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

这里看到官网的下载速度相当高,就自己下载并解压了。网上也有不少人表示,上面的克隆相当耗时。既然想学得快,不想进不必要的坑?

然后将文件解压到所需位置

因为Flutter的SDK包含了很多命令行工具。我们需要配置环境变量,所以建议您安装在平时放置命令行工具的地方!我安装在根目录的opt下!

/opt/flutter(仅供参考,安装在哪里取决于自己的习惯)

5:配置环境变量

因为Flutter当需要运行时,到官方网站并下载所需资源。那么就没有“阶梯” 对于合作伙伴,您将需要一个镜像服务器。以下是来自官方文档的友情提示。

Flutter 环境配置:Android下玩Flutter

  • 转到相应的配置文件Shell进行配置。
  • 如果您使用默认的bash,请配置~/.bash_profile
  • (如果您使用新系统❙z,则默认系统为Mac z sh
)然后配置~/.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

然后就可以了!我们看看 Flutter 是否完成。 Flutter医生检测顺序。它专门用于检测您的环境Flutter

flutter doctor
复制代码

Flutter 环境配置:Android下玩Flutter

跑步一段时间后,你可能会出现“?”这样的情况。在AndroidVS代码中配置不成功

接下来我们要配置各个平台的Flutter环境。解决以下问题

[!] 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:配置各个平台的环境

① :解决问题 android-licenses

flutter doctor --android-licenses

后面一顿 y
复制代码

> ->② -❙>② -‸> 转到安装Flutter 插件

Flutter 环境配置:Android下玩Flutter

请注意,现在建议版本 4.1.1 包含错误。即使添加了插件,仍然会报错。您可以降级

版本,因为插件Android Studio 4.1的位置已更改,因此当您使用 flutter doctor时,仍然会在中搜索查找这两个插件的命令它们原来的位置,这将导致无法找到插件。

不过,这并不影响打包和编译! ! ! ? 问题解决了你可以打开经典的Flutter界面开始玩了!

2. 其他方式玩转 Flutter

需要依赖 iOS 环境中的一些东西

使用

需要通过 homebrew 安装 homebrew❝❙‸

flutter doctor
复制代码

Flutter 环境配置:Android下玩Flutter

将应用程序部署到iOS设备的环境和工具:

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

在不同的情况下你会遇到很多不同的情况。如果失败,可以使用flutter doctor来定位问题

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

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

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

2,运行XCode

Flutter 环境配置:Android下玩Flutter

作者:Cooci

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门