Tweet
Tweet

Slide 1

Slide 1 text

Visual Studio Code リモート開発 スタートガイド 日本仮想化技術株式会社 VirtualTech.jp 2023/05/24 作成 1

Slide 2

Slide 2 text

2 事前準備 次のツール・サービスを使用します。 事前にアカウント登録とインストールを済ませてください。 ● インストールが必要なもの ○ Visual Studio Code ○ Docker ○ Git ○ GitHub CLI ● アカウント登録が必要なもの ○ GitHub

Slide 3

Slide 3 text

● ユーザー名とメールアドレスを設定 ○ git config --global user.name "ユーザー名" ○ git config --global user.email メールアドレス Gitコマンドの初期設定 3

Slide 4

Slide 4 text

GitHub CLIでログイン ● CLIツールのインストールが完了したら、次のコマンドを実行して認証 ○ gh auth login 4

Slide 5

Slide 5 text

Dev containerを使ってみる 5

Slide 6

Slide 6 text

拡張機能をインストール ● アクティビティバー＞拡張機能から「Remote Development」と検索してインストール 6

Slide 7

Slide 7 text

開発コンテナを作成 7 ↑自分が所有している好きなリポジトリを指定

Slide 8

Slide 8 text

(続く) デフォルトの設定のままで進める 8

Slide 9

Slide 9 text

GitHub Codespacesを使ってみる 9

Slide 10

Slide 10 text

①-1 GitHub上からデフォルト設定で作成 ● 「Codeボタン」＞「Codespacesタブ」をクリック ● 「Create codespace on main」をクリック ①-2 GitHub上からスペックやブランチを指定して作成 ● 「・・・」から「New with options…」クリック ② Visual Studio Codeから作成 ● 拡張機能から作成できる(省略) GitHub上でCodespaceを作成 10

Slide 11

Slide 11 text

(続く) 11

Slide 12

Slide 12 text

デスクトップ版のVS Codeから起動するようにするには？ A：設定変更でデスクトップ版VS Codeから起動できる GitHubのデフォルト設定ではWeb版のVS Codeで起動するが、 個人設定画面から設定変更できる 12

Slide 13

Slide 13 text

お問い合わせ先 13 sales@VirtualTech.jp 開発環境の悩み、インフラの悩み 話してみませんか？ ❏ オンラインでのお打ち合わせOK ❏ 相談ベースからでもOK