Zenn
📄

VSCode:ショートカットキーでファイル名を付けてから新しいファイルを作成する設定方法

2021/01/17に公開
VS Code
tech

背景

標準の新しいファイルを作成するショートカットキー(⌘n)では、ファイル名が無いファイルを作成します。しかし、このままだとスニペットやフォーマットが機能せずコードが書きづらいです。
そのため最初にファイル名を作成してからコード編集できるショートカットキーを追加したいと思いました。

前提

⌘(command),⇧(shift),⌃(control) キーを使った設定方法を記載するため Mac ユーザ向けです。

設定方法

⌘⇧p でコマンドパレットを表示し、Preferences: Open Keyboard Shortcuts (JSON)を入力して keybindings.json を開きます。
keybindings.json 内に、下記のコードを追加します。

keybindings.json
  { "key": "cmd+n", "command": "explorer.newFile" }

これで、⌘n でファイル名を入力してから新しいファイルを作成するようになりました。
私はファイル作成場所を確認してから新規作成できるよう、フォーカスがエクスプローラーにある時だけファイル名を作成する設定にしました。
※⌘⇧e で、エクスプローラーへのフォーカス移動・エクスプローラーとエディタのフォーカス切り替えができます。

keybindings.json
  {
    "key": "cmd+n",
    "command": "explorer.newFile",
    "when": "explorerViewletFocus"
  },

※フォーカスがエクスプローラーに無いときは、⌘n で無名ファイルを作成できます。

最後に

ショートカットキーでファイル名を付けてからファイルを作成できるようになりました。
おまけでフォルダ作成に関しても、ファイル作成時と似たような設定にしました。

keybindings.json
  {
    "key": "ctrl+n",
    "command": "explorer.newFolder",
    "when": "explorerViewletFocus"
  }

フォルダの場合は ⌃n で新規作成できる設定にしました。
よろしければ参考にしてください。

参考資料

Discussion