Visual Studio Code リモート開発 スタートガイド

Open Source Conferenceで某弊社ブースで不定期に配布しているスタートガイドです

Transcript

1. Visual Studio Code リモート開発 スタートガイド 日本仮想化技術株式会社 VirtualTech.jp 2023/05/24 作成 1
2. 2 事前準備 次のツール・サービスを使用します。 事前にアカウント登録とインストールを済ませてください。 • インストールが必要なもの ◦ Visual Studio Code ◦ Docker ◦ Git ◦ GitHub CLI • アカウント登録が必要なもの ◦ GitHub
3. • ユーザー名とメールアドレスを設定 ◦ git config --global user.name "ユーザー名" ◦ git config --global user.email メールアドレス Gitコマンドの初期設定 3
4. GitHub CLIでログイン • CLIツールのインストールが完了したら、次のコマンドを実行して認証 ◦ gh auth login 4
5. Dev containerを使ってみる 5
6. 拡張機能をインストール • アクティビティバー＞拡張機能から「Remote Development」と検索してインストール 6
7. 開発コンテナを作成 7 ↑自分が所有している好きなリポジトリを指定
8. (続く) デフォルトの設定のままで進める 8
9. GitHub Codespacesを使ってみる 9
10. ①-1 GitHub上からデフォルト設定で作成 • 「Codeボタン」＞「Codespacesタブ」をクリック • 「Create codespace on main」をクリック ①-2 GitHub上からスペックやブランチを指定して作成 • 「・・・」から「New with options…」クリック ② Visual Studio Codeから作成 • 拡張機能から作成できる(省略) GitHub上でCodespaceを作成 10
11. (続く) 11
12. デスクトップ版のVS Codeから起動するようにするには？ A：設定変更でデスクトップ版VS Codeから起動できる GitHubのデフォルト設定ではWeb版のVS Codeで起動するが、 個人設定画面から設定変更できる 12
13. お問い合わせ先 13 sales@VirtualTech.jp 開発環境の悩み、インフラの悩み 話してみませんか？ ❏ オンラインでのお打ち合わせOK ❏ 相談ベースからでもOK