美文网首页flutter
Mac Flutter 开发环境配置

Mac Flutter 开发环境配置

作者: iwakevin | 来源:发表于2018-12-04 14:55 被阅读159次

    Mac术语

    cmd = command键(空格左边)
    opt/alt = option键(cmd左边)
    ctrl = control(opt左边)
    cli = 命令行工具(command-line interface,命令行界面)
    as = Android Studio
    pub = ub是dart官方提供的一个中心仓库,可以将依赖/开源库上传到上面

    Mac配置

    • Xcode version 10.0
    • as version 3.0.1
    • Flutter version 0.11.13-beta
    • cli(iTerm2)oh my zsh (iTerm2插件)
    • brew 一个很方便的包管理工具,基于ruby+git
      命令行敲以下指令即可
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    

    Flutter安装

    获取Flutter SDK

    1. 去flutter官网下载其最新可用的安装包,转到下载页
    2. 解压安装包到你想安装的目录,如:
     $ cd ~/development
     $ unzip ~/Downloads/flutter_macos_v0.11.13-beta.zip
    
    1. 添加flutter相关工具到path中:
    $  export PATH=$PATH:`pwd`/flutter/bin
    

    配置环境变量

    1. 修改.bash_profile文件
      export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH
      export ANDROID_HOME="/Users/用户名/Documents/android_sdk" //android sdk目录,替换为你自己的即可
      export PATH=${PATH}:${ANDROID_HOME}/tools
      export PATH=${PATH}:${ANDROID_HOME}/platform-tools
      export PUB_HOSTED_URL=https://pub.flutter-io.cn
      export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    
    1. 安装Xcode和Android studio
    2. 执行flutter doctor 或者 flutter doctor -v检测flutter环境问题,-v指详细日志

      红色框中叉号代表有问题,蓝色框提示在命令行中如何解决

    安装中遇到的问题

    1. android 许可证问题
    flutter doctor --android-licenses
    
    1. Xcode的问题
    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    
    1. flutter ios工具链、真机调试等问题
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
    brew install ios-deploy
    
    1. iOS pod包管理工具安装
    brew install cocoapods
    
    pod setup
    
    1. android studio 插件问题





    创建Flutter工程

    1. 通过Android studio 创建
    2. 命令行在工程目录创建
    flutter create hello_world
    

    项目名不能有大写字母,所以建议使用下划线作为单词的分隔

    1. Android运行(iOS同理)



      Android模拟器
      iOS模拟器

    相关文章

      网友评论

        本文标题:Mac Flutter 开发环境配置

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