Kotlin/Wasm 与 Compose Multiplatform 入门
本教程演示如何在 IntelliJ IDEA 中运行包含 的 Compose Multiplatform 应用，并生成作为网站一部分发布的构建工件。
创建项目
在 IntelliJ IDEA 中，选择 File | New | Project。
在左侧面板中，选择 Kotlin Multiplatform。
如果您没有使用 Kotlin Multiplatform IDE 插件，可以使用 KMP Web 向导生成相同的项目。
在 New Project 窗口中指定以下字段：
- Name: WasmDemo
- Group: wasm.project.demo
- Artifact: wasmdemo
如果您使用 Web 向导，请指定 “WasmDemo” 作为 Project Name，指定 “wasm.project.demo” 作为 Project ID。
选择 Web 目标和 Share UI 选项卡。确保未勾选其他选项。
点击 Create。
运行应用程序
项目加载后，在运行配置列表中选择 composeApp [wasmJs] 并点击 Run。
Web 应用程序会自动在浏览器中打开。或者，当运行完成后，您可以在浏览器中打开以下 URL：
http://localhost:8080/端口号可能会有所不同，因为 8080 端口可能已被占用。 您可以在 Gradle 构建的输出中找到实际的端口号。
点击 “Click me!” 按钮：
它将显示 Compose Multiplatform 徽标：
生成工件
生成项目的构建工件以在网站上发布：
通过选择 View | Tool Windows | Gradle 打开 Gradle 工具窗口。
在 wasmdemo | Tasks | kotlin browser 中，选择并运行 wasmJsBrowserDistribution 任务。
运行任务需要 Gradle JVM 至少为 Java 11，通常我们建议 Compose Multiplatform 项目至少使用 Java 17。
此外，您也可以在终端的
WasmDemo根目录下运行以下命令：bash./gradlew wasmJsBrowserDistribution
应用程序任务完成后，您可以在 composeApp/build/dist/wasmJs/productionExecutable 目录中找到生成的构建工件：
发布应用程序
使用生成的构建工件部署您的 Kotlin/Wasm 应用程序。选择您偏好的发布选项，并按照说明部署工件。一些可选方案包括：
网站创建完成后，请打开浏览器并导航到您平台的页面域名。例如，GitHub Pages：
恭喜！您已经发布了构建工件。
下一步
尝试更多 Kotlin/Wasm 示例：
在 Kotlin Slack 中加入 Kotlin/Wasm 社区：
