導入

参考:

Visual Studio Code で Markdown を書く環境を整える – Qiita

Visual Studio Code で Markdown 編集環境を整える – Qiita

チートシート付き VSCode で始める Markdown | 株式会社ウィズテクノロジー

Visual Studio Code を Markdown エディターとして使用する | Webrandum

VSCode で超快適な Markdown エディタ環境を作る | SyachikuLOG

VSCode を利用した Markdown の基礎とフォーマット構文 | tracpath:Works

使い方

参考:

VSCode でちょっとでも Markdown する – Qiita

プレビュー

参考:

VSCode で Markdown をプレビューするには? | @IT

目次を自動生成する

参考:

Markdown における目次 (TOC) の作成に、Markdown All in One が便利だった件 – Qiita

Markdown All in One で Markdown の目次を自動生成など作業効率化 | 西住工房

Visual Studio Code の Auto Markdown TOC プラグインという目次作成ツールが神な件 – Qiita

Markdown to create pages and table of contents? – Stack Overflow

自動整形 (Prettier)

参考:

VSCode で Markdown の自動フォーマット & 整形ルールを自由に設定 – Qiita

Prettier で Markdown をフォーマットしたときの英語と日本語の間に入るスペースをどうにかする – Qiita

Prettier – Code formatter | Visual Studio Marketplace [Official]

目次のリンクが機能しない

参考:

markdown-it の markdown-it-named-headers plugin で custom slugify を設定する – Qiita

Markdown で作った html ファイルのページ内リンク (アンカー) が IE で使えない – teratail

markdown-it-named-header custom slugify for non-latin characters by satokaz · Pull Request #20628 · microsoft/vscode – GitHub

Wrong VS Code slugify: Should parse heading by the same markdown-it engine as VS Code’s · Issue #970 · yzhang-gh/vscode-markdown – GitHub

Header anchors [needs discussion] · Issue #28 · markdown-it/markdown-it – GitHub

Some characters in the address linked from TOC are deleted and the link cannot be made. · Issue #705 · yzhang-gh/vscode-markdown – GitHub

Lower case links in TOC don’t work · Issue #312 · yzhang-gh/vscode-markdown – GitHub

まとめ

参考:

Visual Studio Code で Markdown を書く際に入れておきたい便利な拡張機能 5選 – Qiita

Markdown All in One

参考:

Markdown All in One | Visual Studio Marketplace [Official]

yzhang-gh/vscode-markdown: Markdown All in One – GitHub

Markdown All in One – VSCode で Markdown を書くために便利な拡張機能 | いつも隣に IT のお仕事

Visual Studio Code 拡張 Markdown All in One | Ctrl キーは小指の付け根

Visual Studio Code で Markdown All in One 機能拡張のインデントを4スペースに変更する | DevelopersIO

Markdown Preview Enhanced

参考:

Markdown Preview Enhanced | Visual Studio Marketplace [Official]

Introduction | Markdown Preview Enhanced (shd101wyy.github.io)

shd101wyy/markdown-preview-enhanced: One of the ‘BEST’ markdown preview extensions for Atom editor! – GitHub

Auto Markdown TOC

参考:

Auto Markdown TOC | Visual Studio Marketplace [Official]

huntertran/markdown-toc: Auto MarkdownTOC (Table Of Contents) plugin for Visual Studio Code – GitHub

Visual Studio Code の Auto Markdown TOC プラグインという目次作成ツールが神な件 – Qiita

markdownlint

インラインでルールを無効化する。

<!-- markdownlint-disable MD033 -->

インラインでルールを有効化する。

<!-- markdownlint-enable MD033 -->

参考:

markdownlint | Visual Studio Marketplace [Official]

DavidAnson/vscode-markdownlint: Markdown linting and style checking for Visual Studio Code – GitHub

markdownlint の config の設定方法 – Qiita

Markdown の構文やスタイルをチェックしてくれる VS Code 拡張機能 markdownlint | いつも隣に IT のお仕事

markdownlint の設定方法について | S_Pure’s Blog

How to disable linting for current file? · Issue #123 · DavidAnson/vscode-markdownlint – GitHub

How do I change Markdownlint settings in Visual Studio Code – Super User

prettier-plugin-md-nocjsp

参考:

tats-u/prettier-plugin-md-nocjsp: Prettier Markdown 修正プラグイン – 英数字・漢字仮名間に半角スペースが挿入されないようになります – GitHub

prettier-plugin-md-nocjsp – npm

和欧文字間 (漢字仮名と英数字の間) に半角スペースが挿入されないようにする Prettier Markdown プラグインを作った – Qiita

和欧文字間 (漢字仮名と英数字の間) に半角スペースが挿入されないようにする Prettier Markdown プラグインを作った – Qiita

Opt out inserting spaces between Japanese and Latin · Issue #5938 · prettier/prettier – GitHub

[BREAKING] Do not insert whitespaces between latin and cj letters · Issue #6385 · prettier/prettier – GitHub

Markdown TOC

***DEPRECATED***

参考:

Markdown TOC | Visual Studio Marketplace [Official]

AlanWalk/markdown-toc: MarkdownTOC (Table Of Contents) Plugin for Visual Studio Code – GitHub

Markdown TOC – Markdown で書いたブログに目次を付ける! | DevelopersIO

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です