【Compose multiplatform教程】01 创建你的多平台项目 ＜官网搬运＞

这是 “创建带有共享逻辑和用户界面的 Compose 多平台应用” 教程的第一部分。

第一步：创建你的多平台项目
第二步：探究可组合代码
第三步：修改项目
第四步：创建你自己的应用程序

在这里，你将学习如何使用 Kotlin 多平台网络向导和 Android Studio 来创建并运行你的首个 Compose 多平台应用程序。

借助 Compose 多平台用户界面框架，你能够将 Kotlin 多平台的代码共享能力拓展到应用逻辑之外。你可以一次性实现用户界面，然后将其应用于 Compose 多平台所支持的所有平台。

在本教程中，你将构建一个可在安卓、iOS、桌面端以及网页端运行的示例应用程序。为了创建用户界面，你将使用 Compose 多平台框架，并学习它的基础知识，包括可组合函数、主题、布局、事件以及修饰符。

本教程的注意事项：

无需事先具备 Compose 多平台、安卓或 iOS 方面的经验。不过我们建议你在开始之前先熟悉 Kotlin 的基础知识。

要完成本教程，你只需要用到 Android Studio。它能让你在安卓和桌面端尝试多平台开发。对于 iOS 开发，你需要一台装有 Xcode 的 macOS 电脑，这是 iOS 开发的一个普遍限制条件。

如果你愿意，可以只选择你感兴趣的特定平台，而忽略其他平台。

若想尝试全新的多平台开发体验，又不想在不同的集成开发环境之间来回切换以及为编写 Swift 代码而打开 Xcode，不妨看看 JetBrains Fleet 是如何处理多平台项目的。

搭建环境
如果你还没有查看过关于为 Kotlin 多平台开发搭建环境的文章，那就去看看吧。确保你已完成以下事项：

为 Android Studio 安装 Kotlin 多平台插件。

如果你计划构建 iOS 应用程序，至少启动一次 Xcode 并接受使用条款。

运行 Kdoctor 来检查搭建过程中是否存在问题。

以下操作指南假定你已具备针对目标平台所需的全部软件。

使用向导创建项目
首先，创建一个示例项目。使用 Kotlin 多平台网络向导来创建是最佳途径：

1: 打开 Kotlin 多平台向导。

https://kmp.jetbrains.com/?_gl=1*hamo2k*_gcl_au*MjA1NzI5MjMzNC4xNzMzNjUxODIw*_ga*MTgxMDU5NDAzNC4xNzA4MjIzNzEz*_ga_9J976DJZ68*MTczMzY1NzM1MC41LjEuMTczMzY1NzM4NC4yNi4wLjA.

2:在 “新建项目” 选项卡中，将项目名称更改为 “ComposeDemo”，项目 ID 更改为 “compose.project.demo”。

3:选择 “安卓”“桌面端” 以及 “网页” 选项。

4:如果你使用的是 Mac 电脑，也要选择 “iOS” 选项。确保选中 “共享用户界面” 选项。

5:点击 “下载” 按钮，然后解压生成的压缩包。

编写代码。

检查项目结构

1：启动 An