Help us understand the problem. What is going on with this article?

[2020年版]VSCodeオススメのカスタマイズ例

Visual Studio Codeの設定で、自分のカスタマイズ例について以前の記事をアップデートしました。
(VSCode 1.47.0, macOS Catalina 10.15.5)

自分のおすすめカスタマイズ一覧

A. Intellisenseの補完候補を「Tab」キー/「Shift」+「Tab」キーで上下に移動する
B. 補完候補のパネルを「Ctrl」+「Space」キーで閉じる
C. 「Tab」キーでカッコの外にカーソルを移動する
D. 全角スペース(空白)文字を表示する
E. ファイルの最終行に改行を入れる
F. ファイルの最終行の改行は1つだけに削る
G. 行末のスペース(空白)文字を削る

カスタマイズ方法

キーボードショートカットの設定

A. コード補完の候補を「Tab」キーと 「Shift」+「Tab」キーで上下に移動する

B. 補完候補のパネルを「Ctrl」+「Space」キーで閉じる

メニュー>「Code」 >「基本設定」>「キーボードショートカット」>「一覧」の右上の「キーボード ショートカットを開く(JSON)」アイコンをクリック>「keybindings.json」ファイルが開く

以下の記述を追加します;

keybindings.json
[
  {
      "key": "tab",
      "command": "selectNextSuggestion",
      "when": "suggestWidgetMultipleSuggestions && suggestWidgetVisible && textInputFocus"
  },
  {
      "key": "shift+tab",
      "command": "selectPrevSuggestion",
      "when": "suggestWidgetMultipleSuggestions && suggestWidgetVisible && textInputFocus"
  },
  {
    "key": "ctrl+space",
    "command": "hideSuggestWidget",
    "when": "suggestWidgetVisible && textInputFocus"
  },
]

拡張機能のインストール

メニュー>「表示」>「拡張機能」を選択>「検索ボックス」に以下の拡張機能の名前を入れて検索>「インストール」ボタンを押す

C. 「Tab」キーでカッコの外にカーソルを移動する

拡張機能「TabOut」を入れる

D. 全角スペース(空白)文字を表示する

拡張機能「zenkaku」を入れる

基本設定>設定

メニュー>「Code」 >「基本設定」>「設定」>「テキストエディター」>「ファイル」から以下を設定

E. ファイルの最終行に改行を入れる(保存時)

Insert Final Newline」 を有効に

F. ファイルの最終行の改行は1つだけに削る(保存時)

Trim Final Newlines」を有効に

G. 行末のスペース(空白)文字を削る(保存時)

Trim Trailing Whitespace」を有効に

 
以上で、自分的にはかなり快適になりました。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away