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

😏★,° :.☆(￣▽￣)/$:.°★ 😏

这篇文章主要介绍XCode创建firstapp并运行
学其所用，用其所学。------梁启超

欢迎来到我的博客，一起学习，共同进步。

喜欢的朋友可以关注一下，下次更新不迷路🥞

文章目录

- [:smirk:1. 提前准备](#:smirk:1. 提前准备)
- [:blush:2. 环境安装与配置](#:blush:2. 环境安装与配置)
- [:satisfied:3. 应用示例](#: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

swift 复制代码

//
//  ContentView.swift
//  firstapp
//
//  Created by lemon on 2025/7/6.
//

import SwiftUI

struct 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 = false

    var 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()
}

以上。