Mac Flutter 开发环境配置

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 插件问题


    Mac Flutter 开发环境配置_第1张图片

    Mac Flutter 开发环境配置_第2张图片

    Mac Flutter 开发环境配置_第3张图片

    Mac Flutter 开发环境配置_第4张图片

创建Flutter工程

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

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

  1. Android运行(iOS同理)



    Mac Flutter 开发环境配置_第5张图片
    Android模拟器

    Mac Flutter 开发环境配置_第6张图片
    iOS模拟器

你可能感兴趣的:(Mac Flutter 开发环境配置)