VSCodeの「新規ファイル作成(cmd + n)」をカスタマイズする

前提

MacでVSCodeを使ってる方向けの記事です。

はじめに

VSCodeにおける「cmd + n」での新規ファイル作成について、デフォルトだと「新しいタブで無題のファイルを作成し、保存するときに保存先を指定する」という挙動になっており、使いづらかった。

「現在のディレクトリに新しいファイルを作成し、その場でファイル名を指定して保存する」という挙動にする。

方法

1. VSCodeを起動したあと 「cmd + k」、「cmd + s」と押して「keyboard Shortcuts」を開く

2. 「keybindings.json」を開く

右上のところです。

3.以下のように記述。

[
  { "key": "cmd+n", "command": "explorer.newFile" }
  { "key": "ctrl+cmd+n", "command": "explorer.newFolder" }
]

４. おわり

これで、前述したような挙動をしながら「cmd+n」でファイル作成、「ctrl+cmd+n」でディレクトリ作成ができます。
また「cmd + n」のあとに「hoge/fuga/index.html」といった様な記述をすれば、階層構造のディレクトリとファイル群も簡単に作成できます。

キーバインディングについては他にも色々設定できるので、自分流にカスタマイズしていきましょう。何かオススメの設定などあればぜひ教えて下さい。

参考記事

stackoverflow:
https://stackoverflow.com/questions/39599514/vs-code-add-a-new-file-under-the-selected-working-directory