Visual Studio Code で Git を 使う

Git for Windows Portable を インストールし Git が 使えるようになったので、さっそく Visual Studio Code から使ってみます.
2017.12.18 追記 PortableGit-for-Windowsのインストール の方法の場合、Visual Studio Code で git.exe が 見つからないという警告が出るケースがありました. 詳しくは こちら Visual-Studio-Codeでgitが見つからないと言われた場合の対処 を 参照ください.

作業環境

  • Windows 10 64bit
  • Git for Windows Portable 64bit
  • Visual Studio Code
  • Git Hub

Visual Studio Code を 使って GitHub からの クローン

Visual Studio Code を 起動します.
※ GitHub の アカウント設定と公開鍵の登録などの設定ができている前提とします.

統合ターミナル を Ctrl + @ で 表示します.

統合ターミナルで以下を実行しクローンします.
※ 下記 azriton/test は クローンするリポジトリに置き換えます

1
2
3
4
5
6
7
8
9
10
11
PS C:\Users\username> cd C:\Temp\
PS C:\Temp> git clone git@github.com:azriton/test.git
Cloning into 'test'...
The authenticity of host 'github.com (192.30.255.113)' can't be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)? yes
Warning: Permanently added 'github.com,192.30.255.113' (RSA) to the list of known hosts.
remote: Counting objects: 3, done.
remote: Total 3 (delta 0), reused 0 (delta 0), pack-reused 0
Receiving objects: 100% (3/3), done.
PS C:\Temp>

Git の 設定で user.useConfigOnly true している場合は、ここでユーザ名とメールアドレスを設定します.

1
2
3
PS C:\Temp> cd test
PS C:\Temp\test> git config --local user.email "you@example.com"
PS C:\Temp\test> git config --local user.name "Your Name"

Visual Studio Code で プロジェクトのように扱うため、 code コマンドにクローンしたリポジトリのディレクトリを渡してフォルダを開きます. (前回リポジトリのディレクトリに入っているので、ここでは . カレント・ディレクトリを渡しています)
(GUI から開く場合は Ctrl + K Ctrl + O)

1
PS C:\Temp\test> code .

クローンしたディレクトリが開いた状態の新しいウィンドウが表示されます.

Visual Studio Code から 変更 を プッシュ

README.md を ダブルクリックしてエディタに表示しします.

改行コードがあっていないので Ctrl + Shift + P で コマンドパレットを表示し line s と 入力すると絞り込みされるので、[改行コードの変更] を 選択し、続い改行コードの選択が表示されるので [LF] を 選択します.

ステータス・バー の 改行コード が LF に なっていることを確認し README.md を 編集
、保存すると ソース管理アイコンに変更されたファイル数がつきます.

ソース管理画面 を Ctrl + Shift + G で 表示します.

すべての変更をステージしたいので、 Ctrl + Shift + P で コマンドパレットを表示、 stage と 入力すると絞り込みされるので、[Git: すべての変更のステージング] を 選択します.
※ 個別に指定する場合は、各ファイルにマウス・フォーカスを与えると [+] アイコンが出るのでクリックして追加します.

[Message (press Ctrl+Enter to commit)] の テキスト・ボックスにフォーカスが外れてしまったので、再度 Ctrl + Shift + G で フォーカスを与え、コミットメッセージを入力し Ctrl + Enter します. これで変更がコミットされます.

ステータス・バー に 発信 [0↓ 1↑] が 出ているのでコミット済み、プッシュ前の変更があることが分かります.
Ctrl + Shift + P で コマンドパレットを表示、 push と 入力すると絞り込みされるので、[Git: プッシュ] を 選択します.

ステータス・バー が [0↓ 0↑] なので 無事、変更をプッシュすることができました! (ちょっと、わかりにくいかもw)


統合コンソールがあるので、もしかしたら Git コマンドを直接使った方が便利かもしれないですね.
とはいえ、Git の 準備もできました. いよいよ Visual Studio Code で コーディングが始められます. たのみー!