IDEA 配置Flutter环境总结

Mac 环境搭建

终端工具

终端工具可选择自带的系统终端或者使用自行安装的终端工具

Java环境

检查Java信息，Java版本需要大于等于Java11

# 验证 Java版本 如果Java不存在，或者Java version低于11执行Java安装
java -version
# 验证Java环境变量
env |grep JAVA_HOME

安装Java环境

参考 Mac 下安装JDK11

• 下载Java

  • 载地址： JDK官方下载地址
  • 根据系统类型自行选择Java版本，后缀选择dmg

• 安装Java

  • 下载完成之后直接双击dmg 执行安装

• 配置Java环境

    # 获取 Java home
    /usr/libexec/java_home -v
  
    vim ~/.bashrc
  
    # 输入如下内容 然后保存退出
    export JAVA_HOME="获取到的 Javahome 目录"
    export PATH=$PATH:$JAVA_HOME/bin
  
    # 将配置更新
    source ~/.bashrc
  

安装Flutter SDK

参考： 安装配置Flutter环境

• 下载 Flutter

# 复制下载链接到浏览器下载保存
https://storage.flutter-io.cn/flutter_infra_release/releases/stable/macos/flutter_macos_3.13.3-stable.zip

• 解压安装

 cd ~/development
 unzip ~/Downloads/flutter_macos_3.13.3-stable.zip

• 配置环境变量

  vim ~/.bashrc
  # 文件尾部填充如下内容 保存退出
  # 具体内容需要根据各自安装路径获取
  # cd flutter安装路径
  # pwd 获取 flutter安装路径
  export PATH="$PATH:~/development/flutter/bin"
  
  # 刷新Path变量
  source ~/.bashrc
  

• 运行依赖检查

  # 检查 环境变量配置是否成功
  which flutter
  
  # 运行 doctor 命令检查
  flutter doctor
  

配置IEDA

• 下载：下载地址

• 安装插件

  File -> Settings... -> Plugis -> Marketplace
  # 查找筛选安装 插件
  Dart
  Flutter
  Android
  Smali Support
  # 安装完成之后重启IDEA
  

• 安装Android SDK

  File -> new -> Project -> Android
  # 首次创建Android 会进行Android SDK的下载，我们通过这种方式进行Android SDK的下载
  # 选择 Install SDK 按钮执行安装
  # 安装的过程中会选择安装路径，保存下安装路径后续进行使用
  

• 配置Android SDK环境变量

  vim ~/.bashrc
  # 输入如下内容后保存, ANDDROID_HOME 变更为自行安装的路径
  # android
  export ANDROID_HOME=/Users/yangjunxiong/Library/Android/sdk
  export PATH=$PATH:$ANDROID_HOME/tools
  export PATH=$PATH:$ANDROID_HOME/platform-tools
  export PATH=$PATH:$ANDROID_HOME/build-tools
  # android END
  
  # 重载环境变量
  source ~/.bashrc
  # 验证环境变量
  env |grep ANDROID_HOME
  

• 配置Flutter Android SDK配置

  # SDK 路径替换为自行安装的路径
  flutter config --android-sdk /Users/yangjunxiong/Library/Android/sdk
  

• Flutter doctor 检查

  # 运行 doctor 命令检查
  flutter doctor
  

• 创建测试Demo

  参考： Flutter开发初体验

• 创建Android 模拟器

    Tools -> Android -> AVD Manager -> Create Virtual Device...
    # 根据业务需求自行选择需要下载创建的模拟器镜像
  

• 运行Demo

target selector -> 选择模拟器(或者真机) -> 打开模拟器 -> 选择demo 运行

Windows 环境搭建

Windows环境搭建可参考Mac中的相关步骤需要调整的为

终端

Windows 终端选择 Windows PowerShell 5.0 以上，Windows 中已经默认安装

Java

关于Java的的验证和Mac中类似，在shell 中执行命令

java -version

安装Java时对应选择符合系统的 EXE文件，下载完成之后双击安装即可，唯一需要额外指出的是环境配置
Windows 环境变量配置 可参考 windows设置环境变量

针对Windows10 可操作如下步骤

搜索 -> 输入 "env" -> 选择 "编辑系统环境变量" -> 点击 "环境变量" -> 系统环境变量
# 进行如下操作

新建1
变量名： JAVA_HOME
变量值： D:\Program Files\Java\jdk-11.0.17

新建2
变量名： CLASSPATH
变量值： D:\Program Files\Java\jdk-11.0.17\lib

编辑1 
变量名： Path
新建输入： %JAVA_HOME%\bin

Flutter

参考： 在Windows上配置Flutter开发环境
完全按照文档配置环境即可

IDEA

除Android SDK环境变量以外其余完全照搬MAC配置IDEA步骤即可，仅需要替换其中每个步骤自行安排的目录即可
Windows 目录结构和Mac(Linux) 不同，执行变更对应的目录结构

Windows在IDEA安装完成 Android SDK之后仅需要执行 Flutter Android SDK配置就可以了，不用额外配置环境变量

另外， Windows是无法配置IOS的模拟器，所以Windows环境仅仅可以执行Android以及各种Web网页的模拟，IOS系统相关模拟无法实现