About development with Codespaces
Codespaces provides you with the full development experience of Visual Studio Code. Visual Studio Codeでcodespace内で開発をする間に、コードを編集し、デバッグし、Gtiのコマンドを使うことができます。 詳しい情報についてはVisual Studio Codeのドキュメンテーションを参照してください。
- Side Bar - By default, this area shows your project files in the Explorer.
- Activity Bar - This displays the Views and provides you with a way to switch between them. You can reorder the Views by dragging and dropping them.
- Editor - This is where you edit your files. You can use the tab for each editor to position it exactly where you need it.
- Panels - This is where you can see output and debug information, as well as the default place for the integrated Terminal.
- Status Bar - This area provides you with useful information about your codespace and project. For example, the branch name, configured ports, and more.
For more information on using Visual Studio Code, see the User Interface guide in the Visual Studio Code documentation.
Visual Studio Codeから直接codespaceに接続できます。 詳しい情報については「Visual Studio CodeでのCodespacesの利用」を参照してください。
Codespacesでの最善の体験のためには、Google ChromeあるいはMicrosoft EdgeのようなChromiumベースのブラウザを使うことをおすすめします。 詳しい情報については、「codespace のトラブルシューティング」を参照してください。
Personalizing your codespace
dotfilesリポジトリとSettings Syncを使用して、作成した任意のcodespace環境の様々な面をパーソナライズすることもできます。 パーソナライズには、シェルの環境設定や追加のツールが含まれます。 詳しい情報については、「アカウントの Codespaces をパーソナライズする」を参照してください。
リポジトリのためのCodespacesの設定が変更された後、codespaceのコンテナをリビルドしてその変更を既存のcodespaceに適用できます。詳しい情報については、「プロジェクトの Codespaces を設定する」を参照してください。
Running your app from a codespace
アプリケーションのテストとデバッグのために、codespace中のポートをフォワードできます。 For more information, see "Forwarding ports in your codespace."
Committing your changes
新しいコードであれ、設定の変更であれ、codespaceに変更を加えたら、その変更をコミットしたくなるでしょう。 リポジトリに変更をコミットすれば、このリポジトリからcodespaceを作成する他の人が、同じ設定になることを保証できます。 これはまた、Visual Studio Code機能拡張の追加など、あなたが行うすべてのカスタマイズが、すべてのユーザに対して現れるようになるということでもあります。
詳しい情報については「codespaceでのソースコントロールの利用」を参照してください。
Navigating to an existing codespace
- 作成した利用可能なすべてのcodespaceはgithub.com/codespacesで見ることができます。
- 開発する codespace の名前をクリックします。
Alternatively, you can see any active codespaces for a repository by navigating to the repository in which it was made and selecting Codespaces.