神戸プログラミングアカデミーのブログ

「未経験から」「スキルアップ」「起業を目指す」無料で学べる神戸のプログラミング学校&学習コミュニティ

Visual Studio Codeの設定

日本語化

メニュー→View→Command Palleteを選択

f:id:prog-ac:20200529141803p:plain

languageと入力し「Configure Display Language」を選択する

f:id:prog-ac:20200529142235p:plain

「Install additional langualge」を選択

f:id:prog-ac:20200529142345p:plain

Japanese : 日本語の [install]を押下する

f:id:prog-ac:20200529142515p:plain

右下に再起動しますか?と表示されるので、[Yes]を押下

f:id:prog-ac:20200529142601p:plain

自動フォーマットを有効にする

「設定」を押下して、

f:id:prog-ac:20200529144652p:plain

saveと入力し、Format On Saveにチェックを入れる

プラグインのインストール方法

Prettierとは、ソースコードをきれいに保ってくれるVisual Studio Codeプラグインです。

一番左に表示されているアイコンの中からパズルのようなアイコンをクリック

f:id:prog-ac:20200529143102p:plain

「Prettier」と入力し、「Prettier Code formatter」のinstallを押下 f:id:prog-ac:20200529143153p:plain

f:id:prog-ac:20200529144824p:plain

その他おすすめプラグイン

  • Prettier
  • Bracket Pair Colorizer 2
  • zenkaku