Flutter 安装 (Mac)

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

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

一、安装Flutter

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

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

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

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
如图,然后保存(记得重启,不然配置无效,执行source ~/.bash_profile即可)


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

下图,是我的配置


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

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

✅表示当前项安装完成,!表示该功能有部分功能安装失败或未安装,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
    
  2. 通过检查模拟器 硬件>设备 菜单中的设置,确保您的模拟器正在使用64位设备(iPhone 5s或更高版本).
  3. 根据您的开发机器的屏幕大小,模拟的高清屏iOS设备可能会使您的屏幕溢出。在模拟器的 Window> Scale 菜单下设置设备比例
  4. 运行 flutter run启动您的应用.

安装到iOS设备

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

  1. 安装 homebrew (如果已经安装了brew,跳过此步骤).参考:https://www.cnblogs.com/liulipeng/p/3938518.html
  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(参考:https://blog.csdn.net/wu__di/article/details/78556724)

要为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 ,如果还是有问题,比如出现 !等,参考:https://segmentfault.com/a/1190000014845833


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



出现后再次执行flutter doctor


到此为止,全部完成。

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

(注意:模拟器运行时间较长,耐心等待程序执行)

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

猜你喜欢

转载自blog.csdn.net/mnhn456/article/details/80816986
今日推荐