Visual Studio Codeでソースの日本語が文字化けする

Microsoftの方針転換により、Visual Studioの大半の機能が無料で使えるようになりました。

最近のVisual Studioの進歩は著しく、今やAndroidやiOSのアプリまで開発できるというから驚きですね。

それどころか、何とLinuxで使えるVisual Studioまで登場したのです！

その名も「Visual Studio Code」

まあ、Visual StudioやEclipseのような本格的なIDEというより、どちらかというと高機能なテキストエディタといった感じなのですが、軽量かつ必要十分な機能を備えていて、なかなか使い勝手は良いです。

ところが、ソースを表示したところ、日本語のコメントが化けて読めない！

エラーメッセージとして埋め込まれた日本語も化けてコンパイルエラーになる！

文字コードの違いによる文字化け自体はよくある話ですが、何しろVisual Studio Codeに不慣れなので解決まで四苦八苦しました。

よくある話でも、所変われば品変わる、というのが今回のお話。

Fileメニューから、Preferences ⇒ User Settings を開き、右側（settings.json）に以下の記述を追加する。（"shiftjis"の部分は適宜変更してください）

原因はハッキリしているんです。ええ、私の作ったファイルがShiftJISだからです。

（Visual Studio CodeはおそらくUTF-8としてファイルを開いている模様）

で、以下の方法を試してみたところ、確かに文字コードを変更できるが一時的にしか効かず、ファイルを開き直すと元に戻ってしまう。

ファイルを開くたびにイチイチ文字コードを変更していられないので、さらに探してみるとこんな記事を発見！どうやらVisual Studio Codeは設定を自由にカスタマイズできるらしい。

「それならデフォルトの文字コードの設定もあるはず」と、"utf8"で検索すると以下の記述を発見！

こいつを"utf8"⇒"shiftjis"に変えたところ、ShiftJISとしてファイルを開いてくれるようになりました。めでたしめでたし。

こちらの記事にあるように、デフォルトのフォントだと文字が微妙に変なので、ついでにフォントも変えてしまいましょう！

先ほどと同じくsettings.jsonに以下の記述を追加すれば、お好きなフォントに変更できます。

grum’s diary