MAC Flutter环境搭建

[TOC]

配置环境

• macOS Catalina 10.15.3
• Xcode 11.3.1

1.下载并安装Flutter SDK

Flutter SDK 下载之后解压放在一个特定的文件夹，不要轻易更换路径

2.配置环境变量

• 找到用户文件夹，shift + command + . 显示隐藏文件 右键 以文本编辑的形式打开

• 添加环境变量

  #Flutter
  export PUB_HOSTED_URL=https://pub.flutter-io.cn
  export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  #注意 `pwd`安装 Flutter的路径 
  export PATH=`pwd`/flutter/bin:$PATH
  

• command + s 保存之后关闭

• 打开终端 运行 source $HOME/.bash_profile 让配置文件立即生效

• 运行 echo $PATH 检查配置文件，存在刚添加的则配置成功，

• 终端若使用的是 -zsh，会有一个坑点，运行 echo $PATH 检查配置文件会找不到新加的配置，按照上面步骤打开.zshrc文件 在其中添加：source ~/.bash_profile

• 运行 flutter doctor检查环境，✓ 表示配置成功，✗ 表示未成功

3.安装Android SDK

• 根据上图提示运行 flutter doctor --android-licenses

• 这里界面会要求输入Y/N,一路输入Y就行了。

• 运行 flutter doctor检查环境

4.安装 Xcode

• App Store 下载

4.配置开发工具

• 开发工具可安装 IDEA VScode Android Studio

• 安装 Flutter 和 Dart 插件即可

  1. IDEA 和 Android Studio 配置

     Configure → plugins →Flutter/Dart 下载

  2. VScode 插件配置

     扩展→Flutter/Dart下载

• 配置 FlutterSDK 和 DartSDK 路径

  1. IDEA

  create New Project → Flutter/Dart →填入对应的路径即可

5.常用的命令

• 运行 flutter run 默认为debug环境 flutter run --release (以release模式运行)

• 帮助 flutter -h

• 检查环境 flutter doctor

• 版本号 flutter --version

• 升级 flutter upgrade

• 获取flutter packages包 flutter packages get

• 切换flutter版本的分支 flutter channel master

• 创建 Flutter Application (全新的APP) flutter create -i objc -a java xxapp 指定开发语言 ios 为oc 安卓为java

• 创建 Flutter Module (混编到已有的安卓/iOS工程内) flutter create -t module xxapp_module