当前位置： 首页>移动开发>正文

ftk镜像制作 flt镜像怎么安装

移动开发2024-04-20 00:02:14

Flutter中文官网： https://flutterchina.club/

看到Flutter之后，就想试试，在安装期间出现各种问题，看了很多教程，总是不太详细，对新手不太友好啊，就把自己在安装过程中碰到的坑，大致记了一下，做了一个总结。

一、安装Flutter

大家都知道的一个共识，google出的东西都需要翻墙下载，不过，这次google给我们提供了一个临时镜像。

1、在下载Flutter之前，需要先配置镜像地址。

打开并编辑 ~/.bash_profile，(如果没有，就新建一个)添加如下字段，

注意： 此镜像为临时镜像，并不能保证一直可用，读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置

如图，然后保存（记得重启，不然配置无效，执行source ~/.bash_profile即可）

ftk镜像制作 flt镜像怎么安装,ftk镜像制作 flt镜像怎么安装_Android,第1张

2、下载Flutter

在这里使用git下载

 

git clone -b beta https://github.com/flutter/flutter.git

3、配置flutter

在.bash_profile添加如下字段，`pwd`/flutter是你的flutter路径

 

export PATH=`pwd`/flutter/bin:$PATH

下图，是我的配置

ftk镜像制作 flt镜像怎么安装,ftk镜像制作 flt镜像怎么安装_iOS_02,第2张

4、进入flutter文件夹，执行flutter doctor（该命令检查您的环境并在终端窗口中显示报告）

缺少的功能或者模块，它会给你提示，按照指示安装即可（一般ios和android软件安装配置完成即可，下面会讲解ios和android软件的安装和配置）。

ftk镜像制作 flt镜像怎么安装,ftk镜像制作 flt镜像怎么安装_iOS_03,第3张

✅表示当前项安装完成，！表示该功能有部分功能安装失败或未安装，X表示该功能完全没有安装

 

二、iOS 设置

安装 Xcode

要为iOS开发Flutter应用程序，您需要Xcode 7.2或更高版本:

  1. 安装Xcode 7.2或更新版本(通过链接下载或苹果应用商店).
  2. 配置Xcode命令行工具以使用新安装的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 对于大多数情况，当您想要使用最新版本的Xcode时，这是正确的路径。如果您需要使用不同的版本，请指定相应路径。
  3. 确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了.

使用Xcode，您可以在iOS设备或模拟器上运行Flutter应用程序。

设置iOS模拟器

要准备在iOS模拟器上运行并测试您的Flutter应用，请按以下步骤操作：

  1. 在Mac上，通过Spotlight或使用以下命令找到模拟器: 
open -a Simulator
  1. 通过检查模拟器 硬件>设备 菜单中的设置，确保您的模拟器正在使用64位设备（iPhone 5s或更高版本）.
  2. 根据您的开发机器的屏幕大小，模拟的高清屏iOS设备可能会使您的屏幕溢出。在模拟器的 Window> Scale 菜单下设置设备比例
  3. 运行 flutter run启动您的应用.

安装到iOS设备

要将您的Flutter应用安装到iOS真机设备，您需要一些额外的工具和一个Apple帐户，您还需要在Xcode中进行设置。

  1. 安装 homebrew （如果已经安装了brew,跳过此步骤）.参考：
  2. 打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具 
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup

如果这些命令中的任何一个失败并出现错误，请运行brew doctor并按照说明解决问题.

 

三、Android设置

jdk官网：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

但是我下载jdk总是会卡在最后0.1%，开了翻墙也没用。

jdk百度云（在网上找的，版本有点老）：链接:https://pan.baidu.com/s/15V9dyfq59hthyhHMKfOCZA  密码:e6yf

mac下JDK的路径为：/Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk

安装Android Studio（参考：）

要为Android开发Flutter应用，您可以使用Mac，Windows或Linux（64位）机器.

Flutter需要安装和配置Android Studio:

  1. 下载并安装 Android Studio.
  2. 启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK，Android SDK平台工具和Android SDK构建工具，这是Flutter为Android开发时所必需的

设置您的Android设备

要准备在Android设备上运行并测试您的Flutter应用，您需要安装Android 4.1（API level 16）或更高版本的Android设备.

  1. 在您的设备上启用 开发人员选项 和 USB调试 。详细说明可在Android文档中找到。
  2. 使用USB将手机插入电脑。如果您的设备出现提示，请授权您的计算机访问您的设备。
  3. 在终端中，运行 flutter devices 命令以验证Flutter识别您连接的Android设备。
  4. 运行启动您的应用程序 flutter run。

默认情况下，Flutter使用的Android SDK版本是基于你的 adb 工具版本。 如果您想让Flutter使用不同版本的Android SDK，则必须将该 ANDROID_HOME 环境变量设置为SDK安装目录。

设置Android模拟器

要准备在Android模拟器上运行并测试您的Flutter应用，请按照以下步骤操作：

  1. 在您的机器上启用 VM acceleration .
  2. 启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.
  3. 选择一个设备并选择 Next。
  4. 为要模拟的Android版本选择一个或多个系统映像，然后选择 Next. 建议使用 x86 或 x86_64 image .
  5. 在 Emulated Performance下, 选择 Hardware - GLES 2.0 以启用 硬件加速.
  6. 验证AVD配置是否正确，然后选择 Finish。有关上述步骤的详细信息，请参阅 Managing AVDs.
  7. 在 Android Virtual Device Manager中, 点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面.
  8. 运行 flutter run 启动您的设备. 连接的设备名是 Android SDK built for <platform>,其中 platform 是芯片系列, 如 x86.

四、flutter安装完成

 

再次运行flutter doctor

ftk镜像制作 flt镜像怎么安装,ftk镜像制作 flt镜像怎么安装_iOS_04,第4张

出现上图这个！，是因为，没有启动模拟器，只需要

ftk镜像制作 flt镜像怎么安装,ftk镜像制作 flt镜像怎么安装_flutter_05,第5张

 

ftk镜像制作 flt镜像怎么安装,ftk镜像制作 flt镜像怎么安装_iOS_06,第6张

 

出现

ftk镜像制作 flt镜像怎么安装,ftk镜像制作 flt镜像怎么安装_Android_07,第7张

后再次执行flutter doctor

ftk镜像制作 flt镜像怎么安装,ftk镜像制作 flt镜像怎么安装_Android_08,第8张

到此为止，全部完成。

具体的程序运行和创建可以参考官网：https://flutterchina.club/get-started/editor/

（注意：模拟器运行时间较长，耐心等待程序执行）

官方网站的讲解还是很详细的。


https://www.xamrdz.com/mobile/4b41923155.html

相关文章：