4
6

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-07-10

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」を有効に

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

4
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
6