VSCodeの基本的な使い方

Open folder...をクリックして、該当のフォルダを選択します。

EXPLORERに選択したフォルダが追加されました。

1. Activity Bar
Side Barの内容を切り替えることができます。

2. Side Bar
Activity Barの選択状態によって内容が異なります。

3. Editor
ファイルの編集を行うためのスペースです。

4. Panel
ターミナルやDebug情報が表示されます。

5. Status Bar
開いているプロジェクトとファイルに関する情報を表示します。

Explorer
ファイルやフォルダの管理をします。

Search
検索、置換を行うことができます。

Git
Gitによるソース管理をすることができます。

Debug
「VARIABLES」「WATCH」「CALL STACK」「BREAKPOINTS」など表示されます。

Extensions
拡張機能のインストール、アンインストールを行うことができます。

3つのセクションで構成されています。

?と入力するとhelpが表示され、どういった操作ができるのか確認できます。

例として、>View: Zoom In を実行しています。

Extensionsで @recommended:keymapsと入力します。
IntelliJAtomなどのkeymapが利用できます。

SettingsでVSCodeの基本設定を行えます。
Keyboard Shortcutsでショートカットの設定を行えます。

User Settings
VSCode全体に適用される設定です。

Workspace Settings
Workspaceを開いたときにだけ適用される設定です。設定変更すると自動的に.vscodeフォルダが作成されて、そこに設定情報が格納されます。

設定情報は、他の人と同期することも可能です。
Settings Sync

ショートカット割り当ての確認、変更、削除ができます。

変更のあったファイルを確認できます。stageへ追加 commitなどの操作を行うことができます。

基本的な操作ができるようです。

Side Bar以外にもCommand Paletteから操作することもできます。

以下の操作をしています。
1. Command Paletteを開く
2. developブランチを作成する
3. Status Barのブランチをクリック
4. masterブランチに変更する

デフォルトだと自動保存されません。保存されていないファイルがある場合、ExplorerにてUNSAVEDと表示されます。

自動保存するようにするには、[File] - [Auto Save]にチェックをつけます。