👋

VSCodeでマークダウンファイルの無駄なスペースを排除する方法

2023/03/08に公開

VSCodeでマークダウン記事を保存した際の無駄なスペースの排除方法

こちらの記事では、VSCodeでマークダウン記事を作成し保存した際、無駄なスペースができてしまう問題の解決方法をご紹介します。

前提条件

今回はVSCodeに以下のプラグインを使用した際の設定方法です。

Markdown All in One

prettier

prettier-plugin-md-nocjspをinstall

半角スペースが入らないようにするためのプラグインがあるため、npmでインストールします。

この時、プロジェクトのルートディレクトリで以下のコマンドを実行します。

npm install -D prettier-plugin-md-nocjsp

.prettierrcの作成

インストールが完了したら、.prettierrcファイルをルートディレクトリに作成します。

touch .prettierrc

ファイル作成後、以下の内容をファイルに記述、保存します。

.prettirrc
{
  "overrides": [
    {
      "files": ["*.md", "README"],
      "options": {
        "parser": "markdown-nocjsp"
      }
    },
    {
      "files": "*.mdx",
      "options": {
        "parser": "mdx-nocjsp"
      }
    }
  ]
}

以上で設定完了です。
マークダウンファイルを作成し、保存して無駄なスペースができていないか確認してみましょう。

参考記事

Markdown+VSCodeでブログを執筆する環境を整えてみた

GitHubで編集を提案

Discussion