English README 英語 | Korean README 한국어
GatsbyHub は、Gatsby-cli用のインタラクティブな GUI を提供するVisual Studio Codeのオープンソース拡張機能です。
GatsbyHub を使用すると、VS Code を離れることなく、Gatsby プラグイン、スターター、およびテーマを参照できます。ワンクリックでアプリを作成したり、Gatsby スターターテンプレートを簡単に閲覧することができます。ステータスバーアイコンをクリックするだけで、ホットリロード開発環境を開始できます。 Gatsby の組み込みの GraphiQL インスタンスを使用して GraphQL クエリを構成します。 高度なカスタマイズについては、Gatsby のドキュメントを参照し、ユーザー設定を編集してください。
GatsbyHub は、Visual Studio Marketplaceにインストールできます。
GatsbyHub は、コマンドラインインターフェイスを使用せずにGatsbyを使えます。コマンドを打たなくても、画面上のボタンをタップすることで基本的な操作ができます。
基本的な操作：
- Install Gatsby - gatsby-cli npm パッケージをインストールします
- Create New Site - ボタンをクリックするだけで新しいギャツビーサイトを作成します
- Develop Server - ボタンをクリックするか、ステータスバーの項目をクリックして、ホットリロード開発環境を開始および停止します
- Build Site - Gatsby のクラウドにデプロイできるように、サイトを構築してパッケージ化します
高度な開発およびビルドオプションは、ホスト、ポートの設定、no-uglify の切り替えなどの拡張設定で使用できます。
VS Code を離れることなくGatsby プラグインとテーマを検索したり、ダウンロードすることができます。
Gatsby は活発なコミュニティと多くのプラグインで知られています。Gatsby の公式プラグインとそれらをプロジェクトに実装するために必要なすべてのドキュメントを見つけることができます。プラグインを選択すると、VS Code 内で Web ビューが開き、プラグインの README を確認できます。 プラグインのインストールは、サイドバーのダウンロードボタンをクリックするのと同じくらい簡単です。
Gatsby の多くのスターターサイトのからテンプレートとしてあなたのサイトに使ってください。 スターターを閲覧し README を確認してください。 新しいギャツビーサイトの作成は、サイドバーのボタンをクリックしてサイトの名前を入力するのと同じくらい簡単です。
開発サーバーの実行時に、Gatsby の組み込みの GraphiQL インスタンスにワンクリックでアクセス。 GraphQL クエリの作成がとても簡単になりました。
Gatsby-Cliには、開発サーバーを生成してプロジェクトをパッケージ化するための高度なオプションが多数あります。GatsbyHub は、VSCode 拡張設定内でこれらのオプションを切り替える方法を提供します。 そうすることでサーバーを開発したりアプリをパッケージ化したりした時も設定が保持されます。 新しいプロジェクトを開始するたびに同じコマンドを入力したり、スクリプトを構成したりする必要はもうありません。
詳しい変更については、変更ログを参照してください
Brian 'B-Hash' Hayashi @github @linkedin
Dylan Hensel @github @linkedin
Joonyoung Kim @github @linkedin
Miguel Michel @github @linkedin
Risa Hiyama @linkedin