【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
相关推荐
5***V9334 小时前
MacOS升级ruby版本
开发语言·macos·ruby
lichong9515 小时前
《postman、apipost、smartApi 等使用与特点 3 天路线图(可打印 PDF+互动脑图)》
前端·测试工具·macos·pdf·postman·大前端·大前端++
A懿轩A5 小时前
【2025版 OpenHarmony】GitCode 口袋工具 v1.0.3:Flutter + HarmonyOS 深色模式全面启用
flutter·harmonyos·openharmony·gitcode·开源鸿蒙
食品一少年5 小时前
【Day7-10】开源鸿蒙Flutter 常用组件封装实战(2)
flutter·华为·harmonyos
谢斯13 小时前
编译AppFlowy
flutter
灰灰勇闯IT16 小时前
Flutter×鸿蒙深度融合指南:从跨端适配到分布式能力落地(2025最新实战)
分布式·flutter·harmonyos
x.Jessica16 小时前
关于Flutter在Windows上开发的基本配置时遇到的问题及解决方法
windows·flutter
名字被你们想完了16 小时前
flutter 封装一个 tab
flutter
w***765517 小时前
[golang][MAC]Go环境搭建+VsCode配置
vscode·macos·golang