k01ken’s b10g

He110 W0r1d!

Visual Studio Code + Gitをインストールする

開発環境は、Windows 7 Professional(64bit)。

1.公式サイトへアクセス
https://code.visualstudio.com/
2.Download for Windowsと書かれたボタンをクリックし、ダウンロードする
f:id:k01ken:20180617175945p:plain

3.ダウンロードしたVSCodeSetup-x64-1.24.1.exeを実行する

4.次へボタンをクリックする
f:id:k01ken:20180617180011p:plain

5.同意するにチェックを入れて、次へボタンをクリックする
f:id:k01ken:20180617180029p:plain

6.次へボタンをクリックする
f:id:k01ken:20180617180057p:plain

7.次へボタンをクリックする
f:id:k01ken:20180617180114p:plain

8.デスクトップ上にアイコンを作成するにチェックを入れて、次へボタンをクリックする
f:id:k01ken:20180617180134p:plain

9.インストールボタンをクリックする
f:id:k01ken:20180617180151p:plain

10.インストールが終了したら、完了ボタンをクリックする
f:id:k01ken:20180617180209p:plain

11.Visual Studio Codeが起動します
f:id:k01ken:20180617180415p:plain

※すでにGitをインストールしている場合は、パスを指定してください。

12.Gitのダウンロードと書かれたボタンをクリックします

13.Gitのサイトへ飛ばされ、右側にある
青っぽい色のボタンをクリック(自分の場合は、Download 2.17.1 for Windowsと書かれていた)して、ダウンロードする。
f:id:k01ken:20180617180948p:plain

14.ダウンロードしたGit-2.17.1.2-64-bit.exeをクリックして実行する。

15.Nextボタンをクリックする
f:id:k01ken:20180617181916p:plain

16.Nextボタンをクリックする
f:id:k01ken:20180617181933p:plain

17.Nextボタンをクリックする
f:id:k01ken:20180617181951p:plain

18.Nextボタンをクリックする
f:id:k01ken:20180617182016p:plain

19.Use Visual Studio Code as Git's default Editorを選択して、Nextボタンをクリックする
f:id:k01ken:20180617182034p:plain

20.。Use Git from the Windows Command Promptを選択して、Nextボタンをクリックする。Use Git from the Windows Command Promptを選択するとWindowsコマンドプロンプトで、Gitが使えるようになる。
f:id:k01ken:20180617182051p:plain

21.Nextボタンをクリックする
f:id:k01ken:20180617182107p:plain

22.Nextボタンをクリックする
f:id:k01ken:20180617182123p:plain

23.Nextボタンをクリックする
f:id:k01ken:20180617182141p:plain

24.Installボタンをクリックする
f:id:k01ken:20180617182204p:plain

25.Finishボタンをクリックする
f:id:k01ken:20180617182403p:plain

26.コマンドプロンプトを起動して、

git

と入力して、以下のように表示された、きちんとインストールされています。
f:id:k01ken:20181211004526p:plain
もし、すでにコマンドプロンプトを起動していて、gitと入力して、認識されていなければ、コマンドプロンプトを消して、もう一度起動し、gitと入力してみてください。
環境変数PATHへは自動で追加しているはずです。

27.続いて、gitを使用する前に、emailとnameを入力しておかないと、commit(登録みたいなもの)したときに以下のようなメッセージが表示されますので、入力しておきます。
f:id:k01ken:20181211005046p:plain
以下のコマンドを順番に入力してください。
emailもnameもダブルクォートの中の値は適当で構いません。

git config --global user.email "you@example.com"
git config --global user.name "Your Name"

28.とりあえず、何か適当なプログラムを書いてみて実行してみます。
rubyで書きますが、すでにrubyインタプリタはパソコン内に入っているという前提で進めます。
上部にあるファイル - 新規ファイルをクリックします。すると、Untitled-1というファイルが作成されます。
f:id:k01ken:20180617183611p:plain

29.以下のコードを入力します。

puts "Hello VS Code!"

f:id:k01ken:20180617183714p:plain
そして、test.rbという名前で、C:ドライブ直下に、vscというディレクトリを作成して、そこに入れます。

30.エディタ下部のコンソール部分で、

cd c:\vsc
ruby test.rb

と入力すると実行されます。
f:id:k01ken:20180617185913p:plain


参考リンク
Documentation for Visual Studio Code
・使い方を習うならここのFirst Stepの欄が参考になる(英語)