搭建开发环境(Flutter/ios/Android)

搭建开发环境6大步骤：

一、工具下载安装
Android Studio历史版本(推荐)
Android Studio下载

Android方向配置+plugins插件包安装


JDK下载安装Java SDK
‘AndroidStudio工具平台’尝试运行‘Android原生项目’

Xcode下载安装
//安装Xcode辅助插件(flutter项目 iOS包 运行iOS真机)
xcode-select --install //Xcode 相关 工具命令行

二、搭建Flutter项目环境流程
flutter官网：
https://flutter.dev/community/china
//步骤1 .bash_profile
touch .bash_profile
pwd
/Users/haijunyan
open ~
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

//步骤2 获取FlutterSDK
https://docs.flutter.dev/release/archive
mac OS Stable channel (macOS) 3106
flutter_macos_3.10.6-stable.zip
(支持)系统flutter底层文件夹(安装包)至目标目录
/Users/haijunyan/Documents
/Users/haijunyan/Documents/flutter
系统flutter底层文件夹(安装包)的访问路径配置至全局变量配置文件
export PATH=/Users/haijunyan/Documents/flutter/bin:$PATH

//FlutterSDK支持开发环境检验
flutter doctor
交互式脚本(命令行交互区)
报错：zsh: command not found: flutter
Mac 默认采用 zsh交互式脚本(命令行交互区) 作为 登录Shell /交互式Shell
解决方案一：手动切换至bash交互式脚本(命令行交互区)
source ~/.bash_profile // source /Users/haijunyan/.bash_profile
flutter doctor

解决方案二：
pwd // /Users/haijunyan
cd /Users/haijunyan/
open ~/.zshrc
vim ~/.zshrc //新建文件(若提示文件不存在)
open ~/.bash_profile
把bash_profile中的内容copy到zshrc文件中（全局变量配置)
source ~/.zshrc //再资源载入source命令重新加载
终端退出重启 flutter doctor

flutter doctor --android-licenses //y

三、新建flutter项目/引入存在的flutter项目
创建基(本)层的flutter项目

四、玩耍阶段(运行flutter项目)
运行方式1(推荐):AndroidStudio工具平台
运行方式2(不推荐):终端命令
//切换至flutter项目对应的文件夹路径下
cd 相对路径 //cd fltapp
//正式运行基层的flutter项目
flutter run //命令行运行(手动关联模拟器或手机设备)

五、设备调试
haijunyan 15.8.2(版本高) iPhone7Plus
真机调试：
举例：iPhoneYHJ 12.5.7 iPhone5s
cd /Users/haijunyan/Desktop/FlutterDemo/fltapp
open ios/Runner.xcworkspace

备注：
iOS真机调试：
Xcode直接运行
AndroidStudio工具平台+Xcode工具平台
1.flutter项目首次：AndroidStudio工具平台设备运行>Xcode工具平台团队签名配置预安装>关闭退出Xcode工具平台>AndroidStudio工具平台设备运行安装真机调试
2.flutter项目非首次：AndroidStudio工具平台设备运行安装真机调试

android安卓真机调试：
AndroidStudio工具平台
1.flutter项目：AndroidStudio工具平台设备运行安装真机调试

mac和iphone数据线连接断续闪烁
解决方案：
终端Terminal输入sudo killall -STOP -c usbd回车
进程关闭 sudo killall -STOP -c usbd

安卓模拟器 处于 AndroidStudio 自有的Dock栏区(window窗口)

source ~/.bash_profile
emulator -list-avds //列出AndroidStudio工具相关的android模拟器设备插件

emulator -avd Nexus_6P_API_29 //启动AndroidStudio工具相关的android模拟器
emulator -avd Pixel_2_API_29

安卓真机数据线连接(默认调试)：
华为荣耀50NTHAN00手机设备(荣耀50开发者模式:设置>关于手机>版本号 多次连续点击>开发者模式)
设置>系统和更新>开发人员选项>USB调试 打开>终端source ~/.bash_profile > 终端flutter devices(验证flutter项目是否识别真机) >
1.AndroidStudio工具平台调试： 运行flutter项目
2.终端调试：
cd /Users/haijunyan/Desktop/FlutterDemo/fltapp
pwd
/Users/haijunyan/Desktop/FlutterDemo/fltapp
flutter run -d ‘设备名称’ //运行flutter项目

安卓真机无线连接调试WLAN(WIFI无线调试)(比较慢/受到Wi-Fi网络质量影响)：
设置>系统和更新>开发人员选项>USB调试 打开>无线调试>使用二维码配对设备>已配对的设备>无线调试

安卓模拟器调试

iOS模拟器调试
优先通过AndroidStudio启动运行
Xcode开发平台处于Any iOS Device选项

六、本身拥有ipa包安装至设备
**方式1(推荐)😗*安装ipa包(通过辅助工具实现（itools/iTunes/Xcode等工具平台)
**方式2(不推荐)😗*安装 ipa包(通过命令码实现(需要预配置好开源库插件环境))
预配置好开源库插件环境
pod setup
brew doctor
切换至二方库flutter项目本身的路径目录文件夹下
cd /Users/haijunyan/Desktop/FlutterDemo/fltapp
open ios/Runner.xcworkspace //ios方向workspace运行研究(默认打开Xcode的workspace编辑模式)

结束END

备注：
二方库flutter项目引入其他三方开源包Package：
举例：english_words三方开源包
1.打开flutter项目目录下 pubspec.yaml 文件
2.dependencies新增english_words配置

english_words三方开源包

english_words: ^3.1.0
3.source ~/.bash_profile
4.flutter pub get 开源包相关数据资源拖入项目中
5.english_words: ^4.0.0 三方开源包采用最新版本
6.flutter pub upgrade 重新更新 三方开源包
7.重新启动模拟器

1.创建flutter module
cd /Users/haijunyan/Desktop/CustomKit/TeamGroupSimulation/FlutterDemo/fltapp
flutter create -t module flutter_module
source ~/.bash_profile
flutter doctor

flutter create -t module flutter_module

flutter 业务层面 lib 业务 源码资源
二方库 flutter 项目(本身) pubspec 库本身配置文件

iOS 宿主层面 (iOS体系(iPhone iPod iWatch iPad ITV))
android宿主层面(Android体系(安卓手机 安卓手环(表) 安卓平板 安卓电视 安卓GoogleChrome浏览器 ))
macos宿主层面 Mac电脑端原生项目产生电脑.dmp产品包(mac电脑设备)
windows宿主层面 window电脑端原生项目产生电脑.exe产品包(window电脑设备)
linux宿主层面 linux电脑端原生项目产生电脑产品包(linux电脑设备)

二方库flutter本身源码+xxx(iOS/macos/Android/windows/linux)原生项目(包)

基于硬件的待渲染载体设备触发对应的xxx原生项目(包)

flutter运行流程之iOS方向 关键要素2次中转

Xcode工具平台 iOS方向产品包 对应iOS(真机/模拟器)设备 运行视觉流程效果
AndroidStudio工具平台 兼容型各方向的产品包 对应各种兼容性(真机/模拟器)设备 运行视觉流程效果

二方库flutter项目通过中转式运行后最终实际产生的目标程序为原生移动端iOS(Xcode工具平台)/Android(AndroidStudio工具平台)产品包

keg 文件夹
formulae 法则/手段
brew 基层管理环境(管理上层插件) //通过brew环境下载插件的过程非常缓慢(大概率断开失效，不断重新连接网络重新下载)

1.辅助工具实现安装 ipa(推荐)
2.命令码实现安装 ipa(不推荐)

libimobiledevice 本质是开源库 (—HEAD/—MASTER …强调各种分支branch)
pod --version
辅助工具AndroidStudio工具平台编辑模式：可开发Android原生项目产生安卓.apk产品包
二方库flutter项目本身层面自有文件的变更通过AndroidStudio工具平台

AndroidStudio工具平台：兼容型原生项目层文件的变更+flutter项目层自有文件的变更
Xcode工具平台：原生iOS项目层文件的变更

AndroidStudio工具平台：兼容各种原生项目(不同运行平台的项目框架(器))

原生项目包(通常比较干净)即项目框架(器)(承载体作用)内被注入的资源通常为业务需求资源(lib文件夹内的业务源码主文件资源(即lib文件夹内进行flutter源码开发))

flutter/dart相关辅助插件的安装：
AndroidStudio工具平台 右上角账号旁边设置图标 Plugins Plugins Flutter plugin 搜索辅助插件 install OK

侧边栏(目录)项目面板
二方库 插件项目 整体对外 插件感
sudo killall -STOP -c usbd
buzhidao

MissingPluginException(No implementation found for method on channel

Flutter 最有用的 5 个优秀的依赖包
flutter_gen依赖

Homebrew环境已存在的条件下：
brew upgrade dart //DartSDK升级至新版本(可访问的)

Dart

flutter 谷歌公司开发 系统支持库 镜像库

AndroidStudio Google公司提供的兼容性辅助工具 可构建出android/ios/window/macos/linux等兼容各个方向的运行包
AndroidStudio (version 最新Mac)
右上角 更多
Apply > OK

AndroidStudio 兼容性工具平台的配置
.bash_profile

Xcode 专业辅助构建出iOS运行包

依托于flutter项目 产生的app应用包

brew -v //判断是否安装Homebrew环境
brew update //brew环境更新至最新版本

安卓开发者官网：
http://developer.android.com/studio //国境外(VPN)
https://developer.android.com/studio#downloads
https://developer.android.com/studio/run/emulator-acceleration.html
https://developer.android.com/studio/run/emulator-acceleration.html#vm-mac //mac使用的加速器插件(境外)
https://developer.android.google.cn/studio //国境内镜像下载站
https://developer.android.google.cn/studio/intro?hl=zh-cn //AndroidStudio官方说明文档

AndroidStudio 兼容性工具平台(推荐(自动关联))
左 模拟器
右 真机

热重载r 更改的部分刷新 维持状态
热重启R 全部刷新 全部刷新重启

二方库flutter项目 通过模拟器运行自动热重载(实时更新(调试推荐))
二方库flutter项目 通过真机运行需要手动热重载(手动更新(调试不推荐))

Android方向虚拟设备模拟器构建