エディタのセットアップ

エディタをカスタマイズし、新機能を追加して開発者体験を向上させましょう。

VS Code はMicrosoft社が開発した、web開発者に人気のあるコードエディタです。 VS Codeのエンジンは GitHub Codespaces や Gitpodといった人気のあるブラウザ内コードエディタもサポートしています。

Astro はどのようなコードエディタでも動作しますが、VS CodeはAstroで開発する際におすすめのエディタです。 私たちはいくつかの重要な機能の追加と、開発者体験を向上させる公式VS Code 拡張機能をメンテナンスしています。

• .astroファイルのシンタックスハイライト
• .astroファイルのTypeScript型情報
• VS Code Intellisenseによるコード補完、ヒントなど

早速、Astro VS Code Extension をインストールしてみましょう。

📚 AstroプロジェクトでどのようにTypeScriptをセットアップ (EN)するのか見る。

素晴らしいコミュニティが他の人気エディタ用の拡張機能をメンテナンスしています。

• VS Code Extension on Open VSX Official - VSCodiumのようなオープンプラットフォーム向けのOpen VSX Registryで利用可能な公式Astro VS Code Extensionです。
• Nova ExtensionCommunity - Astro用シンタックスハイライト、インテリセンス、自動補完

ローカルエディタに加え、Astroはブラウザで動作するオンラインエディタでもきちんと動作します。

• StackBlitz と CodeSandbox - ブラウザ上で動作するオンラインエディタで, .astro ファイル用のシンタックスハイライトをサポートしています。設定やインストールは不要です。
• GitHub.dev - Web ExtentionsとしてAstro VS Code拡張をインストールでき、拡張機能の一部をフルに利用できるようになります。現在のところ、シンタックスハイライトのみをサポートしています。
• Gitpod - Open VSXから公式Astro VS Code Extensionをインストールできるクラウド上のフル開発環境です。