简历网站有哪些,用nodejs可以做网站么,森马网站建设情况,网站建设深圳赶集网开发flutter项目 搭建工具环境 flutter项目本身 所需开发工具环境 flutter 谷歌公司开发 系统支持库 镜像库
搭建流程#xff1a; flutter 官网#xff1a; https://flutter.dev/community/china
//步骤1 .bash_profile touch .bash_profile pwd /Users/haijunyan open ~ e…开发flutter项目 搭建工具环境 flutter项目本身 所需开发工具环境 flutter 谷歌公司开发 系统支持库 镜像库
搭建流程 flutter 官网 https://flutter.dev/community/china
//步骤1 .bash_profile touch .bash_profile pwd /Users/haijunyan open ~ export PUB_HOSTED_URLhttps://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URLhttps://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?hlzh-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
