【Flutter】flutter安装并在Xcode上应用

flutter安装

  1. 安装Homebrew(如果尚未安装)

    复制代码
     	/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  2. 使用Homebrew安装Flutter

    复制代码
     brew install --cask flutter
  3. 配置环境变量

    复制代码
     # 打开或创建bash配置文件
     nano ~/.bash_profile
     # 或者对于zsh用户:
     nano ~/.zshrc
     # 添加路径
     export PATH="$PATH:$HOME/flutter/bin"
     # 配置文件生效
     source ~/.zshrc
     # 或者 source ~/.bash_profile
  4. 运行Flutter Doctor检查环境

    复制代码
     flutter doctor

    4.1 Xcode未配置

  5. 创建第一个Flutter应用

    复制代码
     # 切换到想要创建项目的目录
     cd ~/Development
     
     # 创建新的Flutter项目
     flutter create my_first_app
     
     # 进入项目目录
     cd my_first_app
  6. 运行程序

    6.1 在iOS模拟器中运行

    复制代码
     # 启动iOS模拟器
     open -a Simulator
     # 运行应用
     flutter run

    6.2 在真机上运行

    用USB线连接iPhone

    在iPhone上信任电脑

    运行:flutter run

  7. 升级Flutter和依赖

    bash 复制代码
    # 升级Flutter到最新稳定版
    flutter upgrade
    
    # 清理并重新获取
    flutter clean
    flutter pub get

Xcode上编辑项目

  1. 项目结构说明
text 复制代码
	my_first_app/
	├── lib/
	│   └── main.dart          # 主要Dart代码
	├── ios/                   # iOS特定文件
	│   ├── Runner/
	│   ├── Runner.xcworkspace
	│   └── Podfile
	├── android/               # Android特定文件
	├── pubspec.yaml          # 项目依赖配置
	└── test/                 # 测试文件
  1. 使用Xcode打开项目

    复制代码
     # 打开iOS目录
     cd ios
     open Runner.xcworkspace
相关推荐
zhangfeng11338 小时前
com.apple.quarantine 并不是乱码,而是 macOS Gatekeeper 给下载文件自动打上的“隔离属性
macos·策略模式
甘晴void13 小时前
我给 Magpie 做了个 macOS 桌宠:106 段动画,请求一多就亮灯
macos·electron·开源·deepseek·桌面宠物·magpie
donecoding14 小时前
Apple 芯片 Mac 的终端为什么还在跑 Intel?从 tmux 查起
macos
DevLoom_19 小时前
macOS 27 升级后 Time Capsule 无法备份?AFP 协议废弃后的完整解决方案与备份迁移教程
macos·时间机器·macos27·macos 27备份·macos实用技巧
金海星科技19 小时前
船舶交通管理中心的人工智能值守:从“听、说、读、写“看人机协同
人工智能·macos·xcode
小相会自律1 天前
全平台远程控制软件推荐2026:Win/Mac/Linux/手机/鸿蒙互通哪款好
linux·macos·智能手机·todesk·teamviewer·向日葵
IsITGirl1 天前
VMware Fusion(Mac)Windows ARM 虚拟机 NAT (vmnet8) 报错解决记录
windows·macos·.net·桥接模式
程序员老刘·1 天前
从短剧App的bug看响应式编程在AI时代的优势
flutter·ai编程·跨平台开发
看浪的路人1 天前
第6讲:Streaming 优化——告别“转圈圈“的用户体验
ios·iphone·xcode
传奇开心果编程1 天前
【Flutter踩坑排雷】第7课:巨型 build 函数坑|全部 UI 写在同一个 build,维护难、隐性异常
android·flutter·ios·移动开发·跨平台·dart·声明式ui