【Visual Studio Code】コードフォーマッタ Prettierを使う方法


Pretterで何ができるか?

コードのインデントや改行、セミコロンの有無などのフォーマットをファイル保存時に自動で行います。問題があるコードではエラー表示をしてくれます。

エラー時の表示
例えばタグの>がなかった場合のエラー

インストール方法

CodeのExtensionでPrettierをキーワードに検索します。Installをクリックするとインストールされます。

フォーマット方法の設定方法

CodeのPreferences > Settingsから設定画面を表示してPrettierの設定を行います。項目名もSettingsの画面でキーワードから検索できます。

行末のセミコロンの有無の自動処理の指定はSemiの項目で指定します。

タブのスペース文字数は TabWidth で指定します。

Tab Width
atnr.net の RSS登録はこちらから

コメントは受け付けていません。