JP MD Styler

VS CodeのMarkdownファイルにて、日本語テキストを読みやすく装飾する拡張機能です。

構成

jp-md-styler/
  package.json
  sample.md
  src/
    extension.js
    style-config.js

見た目の設定

色や見出しサイズは src/style-config.js を直接編集します。

主な設定:

• hideHeadingMarkers: 見出し先頭の # を非表示
• scale: 見出し文字サイズの倍率
• headingAccentWidth: 見出し左端アクセント棒の太さ
• headings: 見出し1から6の色、太さ、背景
• brackets: 「」、『』、()、[]、{}、<>、"" の色
• lineMarkers: 行頭 ■ と ▼ の色
• orderedListColor: 数字リスト番号の色

style-config.js 変更後は、コマンドパレットから JP MD Styler: Refresh を実行します。

extension.js や package.json を変更した場合は、VS Codeで Developer: Reload Window を実行します。

サンプル

装飾の確認用に sample.md を開いてください。

キー操作

• Alt + Shift + 1～5: 見出し切り替え
• Alt + Shift + R: リスト切り替え
• Alt + Shift + T: 数字リスト切り替え
• Alt + Shift + B: 太字切り替え

VS Code設定

拡張設定には有効/無効のみがあります。

{
  "jp-md-styler.enabled": true
}