CusorでiOSアプリを開発しリアルタイムでプレビューする方法

✍🏼 作成日 2025年02月11日    💡 更新日 2025年02月11日
❗️ 注意:この記事が作成されてから既に 日が経過しています。情報の鮮度にご注意ください
🖥  説明:本記事では、Cursorを使用してiOSアプリを開発し、リアルタイムプレビュー機能を実現する方法を図解付きで紹介します。

本記事は著者の拡張版であり、著者の原文は以下を参照してください:

在 Cursor 打造高效 iOS 开发环境: AI 编程 + 实时预览完整指南 本記事では、iOS開発をCursor/VSCodeで行うための正しい設定方法を紹介します。設定完了後、以下のことが可能になります: Cursor/VSCodeでiOSアプリを開発し、肥大化して遅いXcodeから解放され、良い気分と穏やかな気持ちを保つ 先進的なAIプログラミング機能を活用し... https://blog.imjp.uk/fxxk-xcode

私がここで追加の補足をするのは、このチュートリアルを見た際、XCodeとiOS開発について全く知識がなかったため、いくつか回り道をしたからです。そのため、ここに記録を残します。

本記事は主に原文への補足ですので、まず原文をご確認ください。

「SwiftプラグインとCodeLLDBプラグインのインストール」への補足:

ここで記載されているSwiftプラグインは既に古くなっています。最新のプラグインを使用する必要があり、プラグインマーケットで「Swift Programming Language」を検索してください。

ホットリロードの設定」のステップ2への補足:

プロジェクトの対応するTargetの設定 -> Build Settings -> 「Other Linker Flags」を検索し、それぞれ「-Xlinker」と「-interposable」を追加します。

ここで注意すべきは、両方を同時に追加することです。つまり-Xlinker -interposableをコピーして下図のように貼り付けてください:

新しいファイルを追加した後、Source Kitがファイルを見つけられないというエラーが発生する問題

Xcode-Build-Serverを使用して、原文で言及されているコマンドを再度実行する必要があります:

1
2
3
4
5
6
// 然后在项目根目录下根据你的项目文件类型执行对应的命令:
xcode-build-server config -workspace *.xcworkspace -scheme <XXX>
xcode-build-server config -project *.xcodeproj -scheme <XXX>

//例如你用的是 exampleProject.xcodeproj:
xcode-build-server config -project exampleProject.xcodeproj -scheme exampleProject

SwiftUIのデバッグ時に変更がリアルタイムでプレビューされない問題:

一部のViewModifierを追加/変更した場合、確かにリアルタイム更新されませんが、Text内のStringのような変更であれば通常問題ありません。理由は私もわかりません。

- EOF -
この記事の初出: CusorでiOSアプリを開発しリアルタイムでプレビューする方法 - Xheldon Blog