• トップページ
• Blog
• 【Visual Studio Code】コードフォーマッタ Prettierを使う方法

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

Pretterで何ができるか？

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

インストール方法

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

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

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

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

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

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

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