Prettierでmarkdownをフォーマットしたら、半角スペースがうざかった話
事の発端#
VSCodeでmarkdownをフォーマットしていると、「markdown の記事」や「第 1 章」のように、英字と日本語の間で半角スペースが入る(特に後者の数字と日本語パターンは目立ってしょうがない)
VSCodeには拡張機能としてPrettierを導入していて、どうやらコイツが悪い1 らしいので、Prettierのプラグインで改善してみた。
導入#
VSCodeにPrettierの拡張機能を導入する。

次に、プラグインのリポジトリを参照し、インストールを実施する。
インストール方法にはグローバルへインストールする方法と、プロジェクトへインストールする2通りがある。
あまりグローバルの環境を汚したくないので、プロジェクトへインストールする方式を取った。
$ npm i -D prettier-plugin-md-nocjsp$ npm i -D prettier --save-exact# --save-exactオプションは現在のインストールのバージョンから自動的に上がらないようにする
.prettierrc
をプロジェクトルートへ追加し、以下の設定を追記する。
{ "overrides": [ { "files": ["*.md"], "options": { "parser": "markdown-nocjsp" } } ], ... // 他の設定等}
これでフォーマット時にスペースが入らないようになった。
参考#
-
Prettierの次期バージョン(3.0)にて改善予定 ↩