flutter教程安装配置_flutter超详细安装教程

flutter教程安装配置_flutter超详细安装教程,第1张

flutter教程安装配置_flutter超详细安装教程 安装下载SDK:Windows SDK:Stable 1.17.3macOS SDK:Stable 1.17.3Linux SDK:Stable 1.17.3其它版本列表:SDK 版本列表[2]将文件解压到目标路径, 比如:cd ~/flutterunzip ~/Downloads/flutter_macos_1.17.3-stable.zip也可以从Github上获取源代码:git clone https://github.com/flutter/flutter.git配置 flutter 的 PATH 环境变量:export PATH="$PATH:~/flutter/flutter/bin"~/flutter/flutter/bin 需要替换成你设置的目录。


如果bash 使用的是 zsh,需要把这行代码写入到 ~/.zsh_rc 文件,如果是bash,则需要写入 ~/.bash_profile ,文件更新后需要执行source ~/.zsh_rcflutter 命令行工具会下载不同平台的开发二进制文件,如果需要一个封闭式的构建环境,或在网络可用性不稳定的情况下使用等情况,你可能需要通过下面这个命令预先下载 iOS 和 Android 的开发二进制文件:flutter precacheflutter doctor 命令运行flutter doctor命令可以查看当前环境是否需要安装其他的依赖,输出结果如下:➜ ~ flutter doctorDoctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, v1.17.1, on Mac OS X 10.15.5 19F96, locale zh-Hans-CN)[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)[✓] Xcode - develop for iOS and macOS (Xcode 11.4.1)[✓] Android Studio (version 4.0)[!] IntelliJ IDEA Ultimate Edition (version 2020.1.1) ✗ Flutter plugin not installed; this adds Flutter specific functionality. ✗ Dart plugin not installed; this adds Dart specific functionality.[✓] VS Code (version 1.45.1)[✓] Connected device (1 available)! Doctor found issues in 1 category.从上述结果可以看出,IntelliJ IDEA Ultimate Edition 没有安装flutter plugin 和 dart plugin 没有安装。


配置编辑器设置 iOS 开发环境安装Xocde配置 Xcode command-line tools:sudo xcode-select --switch /Applications/Xcode.app/Contents/Developersudo xcodebuild -runFirstLaunch运行一次 Xcode 或者通过输入命令 sudo xcodebuild -license 来确保已经同意 Xcode 的许可协议安装了 Xcode 之后,你就可以在 iOS 真机或者模拟器上运行 Flutter 应用了。


配置iOS 模拟器输入命令运行模拟器open -a Simulator如果你想把 Flutter 应用部署到 iOS 的真机上,你还需要一个 Apple 开发者账号。


另外,你还需要在 Xcode 上针对你的机器做一些设置。


安装和设置 CocoaPodssudo gem install cocoapodspod setup按照下面 Xcode 签名流程来配置你的项目:通过在命令行中于你当前 Flutter 项目目录下运行 open ios/Runner.xcworkspace 命令来打开默认的 Xcode 工程。


在运行按钮的下拉列表里选择你想要部署到的设备;在左侧的导航面板中选择 Runner 项目;在 Runner 项目的设置页面,请确保勾选你的开发团队。


在不同的 Xcode 版本里,这一部分的 *** 作界面不同:在 Xcode 10 版本中,请在这里设置:General > Signing > Team在 Xcode 11 版本以后,请在这里设置 Signing & Capabilities > Team在 Runner 项目的设置页面中,确保 General > Signing > Team 选项下的 Development Team 选中状态。


在开始你的第一个 iOS 项目开发之前,你需要先在 Xcode 中登陆你的 Apple 开发者账号任何 Apple ID 都可以进行开发和测试。


如果想将应用上架 App Store,你需要加入 Apple Developer Program,你可以在 Choosing a Membership 页面中查看详细的说明。


当你第一次将设备连接到开发机用于开发时,你需要分别在 Mac 和开发机上进行信任设备的 *** 作。


当你第一次连接时,会有个d窗,点击 Trust 即可。


然后在 iOS 开发机上进入 Settings 应用,选择 General > Device Management 然后信任相应的证书如果 Xcode 的自动签名失败了,你可以检查以下项目中 General > Identity > Bundle Identifier 里的值是否是唯一的。


执行 flutter run 命令来运行你的应用。


设置Android 开发环境android 开发建议使用 Android Studio,也可以使用其它编辑器。


下载 Android Studio运行Android Studio,安装android SDK, Android SDK Platform-Tools 以及 Android SDK Build-Tools。


配置 Android 设备在 Android 设备上运行或测试 Flutter 应用之前,你需要一个运行 Android 4.1(API 版本 16)或者更高的设备。


在设备上打开 Developer options 和 USB debugging 选项,你可以在 Android documentation 上查看更详细的方法介绍。


如果是在 Windows 平台上使用,需要安装 Google USB Driver通过 USB 接口连接手机和电脑,如果在设备上d出需要授权d窗,允许授权以便让电脑能够访问你的开发设备。


在命令行中,使用 flutter devices 命令来确保 Flutter 能够识别出你所连接的 Android 设备。


默认情况下,Flutter 会使用当前版本 adb 工具所依赖的 Android SDK 版本,如果你想让 Flutter 使用别的 Android SDK,你可以通过设置 ANDROID_HOME 环境变量来达到这个目的。


配置 Android 模拟器根据以下步骤来将 Flutter 应用运行或测试于你的 Android 模拟器上:激活机器上的 VM acceleration 选项。


启动 Android Studio > Tools > Android > AVD Manager,然后选择 Create Virtual Device 选项。


(只有在 Android 项目中才会显示 Android 子选项。


)选择相应的设备并选择 Next 选项。


选择一个或多个你想要模拟的 Android 版本的系统镜像,然后选择 Next 选项。


推荐选择 x86 或者 x86_64 镜像。


在 Emulated Performance 下选择 Hardware – GLES 2.0 选项来开启 硬件加速。


确保 AVD 选项配置正确,并选择 Finish 选项。


想要查看上述步骤的更多详细信息,请查看 Managing AVDs 页面。


在 Android Virtual Device Manager 中,点击工具栏中的 Run 选项,模拟器会启动并为你所选择的系统版本和设备显示出相应的界面。


常见问题Waiting for another flutter command to release the startup lock打开AndroidStudio的时候顶部的模拟器一直是loading状态,运行flutter doctor 提示:Waiting for another flutter command to release the startup lock解决方法,如下:打开flutter的安装目录/bin/cache/ 删除lockfile文件 重启AndroidStudioFlutter 卡在 package get 的解决办法运行 flutter run 或者新建flutter 项目时卡在:Running "flutter packages get" in project_name...大概率是遇到了防火墙,解决方案毕竟简单,添加两个环境变量即可,环境变量如下:# linux mac 添加代理到  .zsh_rc 或 .bash_profileexport PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/631490.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-16
下一篇 2022-04-16

发表评论

登录后才能评论

评论列表(0条)

保存