美文网首页
Flutter安装设置

Flutter安装设置

作者: FieryDragon | 来源:发表于2019-11-02 20:49 被阅读0次

    本文档所介绍安装步骤建立在当前设备已安装Xcode及CocoaPods基础之上,已安装CocoaPods的同学也可以先将CocoaPods更新至最新版本,后续配置中有检测CocoaPods安装及是否最新版本。

    本文档不涉及Android设置,有需要的同学请移步至Flutter中文网安装中查看。

    系统要求

    要安装并运行Flutter,您的开发环境必须满足以下最低要求:

    • 操作系统: macOS (64-bit)
    • 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间).
    • 工具: Flutter 依赖下面这些命令行工具.
      bash, mkdir, rm, git, curl, unzip, which

    使用镜像

    由于在国内访问Flutter有时可能会受到限制,Flutter官方搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    

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

    Flutter SDK安装下载

    flutter下载
    解压安装包
    cd ~/development
    unzip ~/Downloads/flutter_macos_v1.9.1+hotfix.2-stable.zip
    

    记录解压后flutter文件路径,下面配置环境变量用。


    解压图片.png
    配置环境变量

    1.终端工具中使用打开(或创建) $HOME/.bash_profile进行配置环境变量.

    open $HOME/.bash_profile
    

    2.添加路径(‘/Users/****/Desktop/development’为解压缩后flutter路径)

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    export PATH=/Users/****/Desktop/development/flutter/bin:$PATH
    

    3.保存退出
    4.刷新当前终端窗口使修改立即生效

    source ~/.bash_profile
    

    5.通过运行flutter/bin命令验证目录是否在已经在PATH中

    echo $PATH
    
    path.png
    检测flutter是否安装成功

    终端输入

    flutter doctor
    
    doctor.png

    至此flutter安装完成(更新:flutter upgrade )。

    iOS平台设置

    安装Xcode
    真机

    1.安装 homebrew (如果已经安装了brew,跳过此步骤).
    详情查看homebrew安装
    2.打开终端并运行这些命令来安装用于将Flutter应用安装到iOS设备的工具

    brew update
    brew install --HEAD libimobiledevice
    

    执行过程中会报下面错误,可以不处理。


    警告.png
    brew install ideviceinstaller ios-deploy cocoapods
    

    提示CocoaPods更新,可以不处理。


    警告.png
    pod setup
    

    如果这些命令中的任何一个失败并出现错误,请运行brew doctor并按照说明解决问题.
    至此真机调试配置完成。

    3.证书设置。
    此步骤为Visual Studio Code (VS Code)编辑器上运行(配置编辑器)。

    Flutter项目目录中通过 open ios/Runner.xcworkspace 打开默认的Xcode workspace.


    open.jpeg

    Xcode配置测试证书


    Xcode.jpeg

    4.flutter run真机运行。


    run.jpeg
    设置模拟器

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

    1.在Mac上,通过Spotlight或使用以下命令找到模拟器:

    open -a Simulator
    

    2.通过检查模拟器 硬件>设备 菜单中的设置,确保您的模拟器正在使用64位设备(iPhone 5s或更高版本).
    3.根据您的开发机器的屏幕大小,模拟的高清屏iOS设备可能会使您的屏幕溢出。在模拟器的 Window> Scale 菜单下设置设备比例
    4.运行 flutter run启动您的应用.

    相关文章

      网友评论

          本文标题:Flutter安装设置

          本文链接:https://www.haomeiwen.com/subject/pnlsvctx.html