Visual Studio Codeの使い方と拡張機能【メモ】

仕事でGitを利用することになりそうなのと、Gitを使うならVSCodeの方が便利かもしれないということで、勉強も兼ねてVisual Studio Codeをインストールしてみました。

【初めて使う場合】の最低限の使い方・拡張機能メモです。まだ、Git関連は全く入れてません。

１．はじめて使うなら、まずは日本語化

英語のままでもわからなくないのですが、簡単に日本語化できる。

■日本語化
https://www.javadrive.jp/vscode/install/index4.html#section1

２．基本的な使い方

ワークスペースの追加や保存、インデント関連は覚えておくと便利。

■ワークスペースの追加
https://www.javadrive.jp/vscode/file/index4.html

■インデントをタブ・スペースに相互変換
https://www.javadrive.jp/vscode/editor/index4.html

※タブをスペース変換したくない場合
https://www.javadrive.jp/vscode/setting/index9.html

■二つのファイルを比較する
https://www.javadrive.jp/vscode/editor/index3.html

■エディタ画面を分割
https://www.javadrive.jp/vscode/editor/index1.html

３．拡張機能のインストール

とりあえず、最初にあると便利だなというもののみをピックアップ。

Gitを使い始めると、それ関連を入れることになると思いますが、Git以外で現状必要そうなものだけいれました。

■Prettier
・コードフォーマッター
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

■Visual Studio IntelliCode
・AI による入力支援
https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode

■Bracket Pair Colorizer 2
・対応する「かっこ」を色分けして表示してくれる
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

■Material Icon Theme
・通常のままだと、どれがファイルでどれがフォルダかわかりにくい。
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme