VS Code の日本語入力で制御文字が紛れ込む問題

Issue

VS Code で日本語入力して GitHub にプッシュしたら、以下のように � で表示される文字が紛れ込んでいた。 これは VS Code で使われている Electron のバグで、制御文字 (backspace) が紛れ込んでしまっているようだ。

Solution

まず、制御文字が VS Code のエディタ上で表示されるように、 User Settings で以下を設定する。

{
    "editor.renderControlCharacters": true
}

さらに、VS Code の拡張機能 Remove backspace control character をインストールすることによって、 万一制御文字が紛れ込んだ場合も保存時に自動的に削除されるようにしておく。 例えば、ファイルの保存時に削除するのであれば、以下のように設定しておけば良い。

{
    "editor.formatOnSave": true
}

References