はじめに
Visual Studio Codeのオススメ初期セットアップを紹介します
環境
- OS：macOS Catalina 10.15.5
- Visual Studio Code：1.48.1
- Japanese Language Pack for Visual Studio Code：1.48.3
Visual Studio Codeのインストール
[Download for Mac]をクリックし、.zipファイルを解凍して.appファイルをアプリケーションフォルダに配置します。
https://code.visualstudio.com/
日本語化
デフォルトの言語が英語なので日本語化します。
View > Extensions
「Japanese Language Pack for Visual Studio Code」を検索して「Install」をクリック
インストールが完了したら、再起動すると日本語化が反映されます。
設定
⌘, で設定を開きます。
文字サイズを大きくする
テキスト エディター > フォント > Font Size
12→14
機能 > デバッグ > Console: Font Size
12→14
機能 > デバッグ > Console: Line Height
0→1.1
機能 > ターミナル > Integrated: Font Size
12→14
機能 > ターミナル > Integrated: Line Height
1→1.1
ミニマップを非表示にする
テキスト エディター > ミニマップ > Enabled
ON→OFF
ショートカットキー
Ctrl + Tabで横のタブに移動するようにする
キーボード ショートカット(⌘K, ⌘S) >
表示: 次のエディターを開く：Shift Command ]→^ Tab
表示: 以前のエディターを開く：Shift Command [→^ Shift Tab
表示: グループ内の最近使用したエディターのうち前のエディターをすばやく開く：^ Tab→Shift Command ]
表示: Quick Open のグループ内で最も長く使われていないエディター：^ Shift Tab→Shift Command [
プラグインのインストール
表示 > 拡張機能 からインストールします。
Vim
Vimのキーバインドで操作できるようになります。
TypeScript Import Sorter
TSのインポート文をソートします。
Ctrl + Shift + P でソートするはずなのですが、反応しません、、
もし使い方を知っている方がいたら教えていただけると嬉しいです。
TypeScript Import
TSのインポート文を自動で挿入します。
おわりに
これで今日から楽しいVSCodeライフの始まりです
他にもオススメの設定がありましたらコメントなどでご連絡いただけると嬉しいです