Docs拡張機能

プレビュー

プロジェクトの開発サーバーやローカル URL をアプリ内でそのまま開ける機能です。

プレビューとは

プレビューは、開発中のアプリやサイトを KingCoding 内蔵のビューで開ける機能です。プロジェクトのターミナルで `npm run dev` や `pnpm dev` を起動すると、ローカル URL をそのまま確認できます。

ローカル URL の検出

開発サーバーが立ち上がると、KingCoding は出力に含まれる URL やポートをプレビュー候補として扱います。プロジェクトページの「プレビューを開く」から対象を表示できます。

  • Next.js / Vite / Remix など主要フレームワークのデフォルトポートに対応
  • 出力に URL が含まれていればそのまま使う
  • 複数候補があれば一覧から選択可能

プレビューを使う

  • プロジェクトのターミナルで dev サーバーを起動
  • 「プレビューを開く」をクリック
  • アプリ内のビューで対象 URL を表示する

制限事項

  • ローカルのみ：外部公開された URL は対象外
  • 認証付きの画面：ログインフローはそのまま動作するが、プレビュー閉じると状態が失われる場合がある
  • iframe を許可していないサイトは内蔵ビューでは開けない（その場合は外部ブラウザで開く）
← 前のページターミナル次のページ →Git 統合