当前位置：首页 > news >正文

【IOS】XCode创建firstapp并运行（成为IOS开发者）

news 2025/7/7 10:03:59

😏★,°:.☆(￣▽￣)/$:.°★ 😏
这篇文章主要介绍XCode创建firstapp并运行
学其所用，用其所学。——梁启超
欢迎来到我的博客，一起学习，共同进步。
喜欢的朋友可以关注一下，下次更新不迷路🥞

文章目录

- :smirk:1. 提前准备
- :blush:2. 环境安装与配置
- :satisfied:3. 应用示例

😏1. 提前准备

一直对IOS开发心心念念，自从买了macbook后一直也没有尝试，最近有空就折腾了一下，也把过程中遇到的问题记录一下。

在这里插入图片描述

成为IOS开发者，首先要准备一台Mac电脑（笔记本台式机都可以）；要开发App的话最好有一台Iphone手机（当然没有的话也可以在模拟器运行）；要注册好苹果开发者账号（主账号用邮箱，个人不付费也可以在本地调试，要上架App Store就需要付年费了）；需要一条原装数据线，手机开启开发者模式（隐私与安全性）。

总之，需要准备的就是以下几个东西：

Mac电脑
iphone手机
注册开发者账号
原装数据线
打开开发者模式

😊2. 环境安装与配置

类似微信开发者工具，要开发IOS应用也有专门的编译环境，这里是XCode。

在这里插入图片描述

安装好后，需要在Setting中的Accounts中登陆自己的个人或公司账号，其他的设置项后面我们慢慢了解。

创建新项目，选择ios-app：

在这里插入图片描述

默认设置进入项目后，右侧会有预览框，后续关掉后也知道在哪里打开：

在这里插入图片描述

要连接真机调试，可以在顶部的工程框进入Manage Run Destinations，用数据线将手机和电脑连接，同意一些权限后，就可以在这里看到自己的iOS Device了，预览框也可以选择自己的真机，会默认下载一个Xcode Previews到手机上。（如果第一次预览有问题，可以清空项目Clean Build Folder重新编译一下）

在这里插入图片描述

预览过后，可以点击Run，会安装app到手机端，这样体验更好。

在这里插入图片描述

😆3. 应用示例

下面创建一个简单的BMI计算器应用。

在这里插入图片描述

ContentView

//
//  ContentView.swift
//  firstapp
//
//  Created by lemon on 2025/7/6.
//import SwiftUIstruct ContentView: View {@State private var height: Double = 0@State private var weight: Double = 0@State private var bmi: Double = 0@State private var showAlert: Bool = falsevar body: some View {VStack {Text("BMI 计算器").font(.largeTitle).padding()VStack(alignment: .leading) {Text("身高 (cm):").font(.headline)TextField("请输入身高", value: $height, format: .number).padding().keyboardType(.decimalPad).border(Color.gray)Text("体重 (kg):").font(.headline)TextField("请输入体重", value: $weight, format: .number).padding().keyboardType(.decimalPad).border(Color.gray)}.padding()Button(action: {if height > 0 && weight > 0 {bmi = weight / ((height / 100) * (height / 100))} else {showAlert = true}}) {Text("计算 BMI").font(.headline).foregroundColor(.white).padding().background(Color.blue).cornerRadius(10)}.padding().alert(isPresented: $showAlert) {Alert(title: Text("输入错误"), message: Text("请输入有效的身高和体重"), dismissButton: .default(Text("确定")))}if bmi > 0 {Text("您的 BMI 是: \(String(format: "%.2f", bmi))").font(.title).padding()}}.padding()}
}#Preview {ContentView()
}