flutter项目 环境搭建

开发flutter项目 搭建工具环境

flutter项目本身 所需开发工具环境

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 获取Flutter SDK

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

AndroidStudio Google公司提供的兼容性辅助工具 可构建出android/ios/window/macos/linux等兼容各个方向的运行包

AndroidStudio (version 最新Mac)

右上角 更多

Apply > OK

flutter doctor --android-licenses //y

AndroidStudio 兼容性工具平台的配置

.bash_profile

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

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

创建基(本)层的flutter项目

cd /Users/haijunyan/Desktop/CustomKit/TeamGroupSimulation/FlutterDemo/

source /Users/haijunyan/.bash_profile 或 source ~/.bash_profile

flutter create 项目文件夹名称

运行基层的flutter项目

切换至flutter项目对应的文件夹路径下

cd 相对路径 //cd fltapp

正式运行基层的flutter项目

flutter run //命令行运行(手动关联模拟器或手机设备)

brew -v //判断是否安装Homebrew环境

brew update //brew环境更新至最新版本

//安装辅助插件(flutter项目 iOS包 运行iOS真机)

xcode-select --install //Xcode 相关 工具命令行

//安装 ipa包(通过命令码实现(需要预配置好开源库插件环境)(不推荐))

brew cleanup

brew install --HEAD usbmuxd

Error: libusbmuxd 2.0.2 is already installed

brew unlink libusbmuxd

brew install --HEAD usbmuxd //brew update --auto-update

brew link usbmuxd

brew install --HEAD libimobiledevice

brew unlink imobiledevice

brew install --HEAD imobiledevice //强调分支下载

brew install libimobiledevice //不强调分支(基于tag下载)

brew link libimobiledevice

brew install ideviceinstaller ios-deploy cocoapods

pod setup

//安装 lipa包(通过辅助工具实现(itools/iTunes/Xcode等工具平台)(推荐))

brew doctor

切换至二方库flutter项目本身的路径目录文件夹下

cd /Users/haijunyan/Desktop/FlutterDemo/fltapp

pwd

/Users/haijunyan/Desktop/FlutterDemo/fltapp

open ios/Runner.xcworkspace //ios方向workspace运行研究(默认打开Xcode的workspace编辑模式)

AndroidStudio 兼容性工具平台(推荐(自动关联))

左 模拟器

右 真机

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

热重启R 全部刷新 全部刷新重启

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

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

备注:

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源码开发))

haijunyan 15.7.3(版本高) iPhone7Plus

真机调试:

举例:iPhoneYHJ 12.5.7 iPhone5s

cd /Users/haijunyan/Desktop/FlutterDemo/fltapp

open ios/Runner.xcworkspace

备注:
iOS真机调试

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

安卓开发者官网:

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 自有的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调试 打开>无线调试>使用二维码配对设备>已配对的设备>无线调试

二方库flutter项目引入其他三方开源包Package:

举例:english_words三方开源包

1.打开flutter项目目录下 pubspec.yaml 文件

2.dependencies新增english_words配置

english_words三方开源包

english_words: ^3.1.0

3.flutter pub get 开源包相关数据资源拖入项目中

4.english_words: ^4.0.0 三方开源包采用最新版本

5.flutter pub upgrade 重新更新 三方开源包

6.重新启动模拟器

flutter/dart相关辅助插件的安装:

AndroidStudio工具平台 右上角账号旁边设置图标 Plugins Plugins Flutter plugin 搜索辅助插件 install OK

侧边栏(目录)项目面板

二方库 插件项目 整体对外 插件感

sudo killall -STOP -c usbd

buzhidao

相关推荐
陈哥测评BWM99921 个月前
亚马逊测评深度解析:如何安全高效提升产品销量和好评
安全·环境搭建·亚马逊·亚马逊测评·自养号
zxy28472253011 个月前
qt开发环境搭建Qt Creator并创建Demo项目
qt·安装·环境搭建·qt creator·hello world
Thanks_ks2 个月前
2 C 语言开发工具选择、 MinGW 的安装与配置、VS Code 的安装与配置、插件推荐
环境搭建·vs code·mingw-w64·settings.json·环境变量配置·开发工具选择·插件推荐
戏神2 个月前
MySQL多实例的配置
android·mysql·adb·mariadb·环境搭建·多个配置文件配置多实例
NPE~2 个月前
最新版kubeadm搭建k8s(已成功搭建)
docker·云原生·容器·kubernetes·教程·环境搭建
Yxiw8882 个月前
Wayfair、Fruugo等跨境电商平台怎么安全的测评
安全·环境搭建·跨境电商
我非夏日3 个月前
阶段三:项目开发---大数据开发运行环境搭建:任务5:安装配置Kafka
大数据·分布式·kafka·环境搭建·大数据技术开发
SuperYang_3 个月前
使用qt creator配置msvc环境(不需要安装shit一样的宇宙第一IDE vs的哈)
ide·qt·msvc·环境搭建·winsdksetup
小角色也有大梦想3 个月前
LNMP环境部署指南
环境搭建
S-X-S3 个月前
社区项目-项目介绍&环境搭建
java·linux·环境搭建·club·项目笔记