VSCodeでSveltKitのPrettierのフォーマッティングをエディタ保存時に適用する

SveltKitでVSCodeの自動フォーマッティングを有効にする

SveltKitでVSCodeのPrettierの自動フォーマッティングを有効にするにはプロジェクトのルートに .vscodeディレクトリを配置して、その中のsettings.jsonに以下の記述を追加する。

{
  "[svelte]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "svelte.svelte-vscode"
  },
}

保存したファイルだけではなくプロジェクト全体にPrettierのフォーマッティングを適用したい場合はCLI上から 「npm run format」コマンドを実行すればよい

スポンサードリンク

«Cloudflare PagesにSvelteKitをデプロイする際のNodeバージョン | メイン | AstroでgetStaticPathsで指定したpropsをTypeScriptの型推論で型情報を取りだす»