プラグイン
以下のプラグインをインストールすると便利。
Markdown All in One
Markdown 関連の便利機能が複数あるので、これだけでも十分。
Markdown All in One - Visual Studio Marketplace
Extension for Visual Studio Code - All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
marketplace.visualstudio.com
Terminal
code --install-extension yzhang.markdown-all-in-oneID
yzhang.markdown-all-in-oneFront Matter CMS
Markdown のファイルを CMS 管理できる。
Front Matter CMS - Visual Studio Marketplace
Extension for Visual Studio Code - Front Matter is a CMS that runs within Visual Studio Code. It gives you the power and control of a full-blown CMS while also providing you the flexibility and speed of the static site generator of your choice like: Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and many more...
marketplace.visualstudio.com
Terminal
code --install-extension eliostruyf.vscode-front-matterID
eliostruyf.vscode-front-matter補足
- このプラグインを入れるとプレビューが次のようなショートカットに変わる。
command+K→V
Markdown Preview Mermaid Support
プレビューに Mermaid を表示する。
Markdown Preview Mermaid Support - Visual Studio Marketplace
Extension for Visual Studio Code - Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview
marketplace.visualstudio.com
Terminal
code --install-extension bierner.markdown-mermaidID
bierner.markdown-mermaidmarkdownlint
構文やスタイルのチェックをして綺麗にフォーマットしてくれる。
markdownlint - Visual Studio Marketplace
Extension for Visual Studio Code - Markdown linting and style checking for Visual Studio Code
marketplace.visualstudio.com
Terminal
code --install-extension DavidAnson.vscode-markdownlintID
DavidAnson.vscode-markdownlintmarkdownlint の自動フォーマット設定
.vscode/settings.json
"[markdown]": {
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
"editor.defaultFormatter": "DavidAnson.vscode-markdownlint",
},Markdown Table
テーブルの記述が楽になる。
Markdown Table - Visual Studio Marketplace
Extension for Visual Studio Code - Add features to edit markdown table.
marketplace.visualstudio.com
Terminal
code --install-extension TakumiI.markdowntableID
TakumiI.markdowntableMarkdown Named CodeBlocks
コードブロックにファイル名などを入れている場合に表示する。
Markdown Named CodeBlocks - Visual Studio Marketplace
Extension for Visual Studio Code - Adds named code blocks support to the build-in markdown preview
marketplace.visualstudio.com
Terminal
code --install-extension tsutsu3.markdown-named-codeblocksID
tsutsu3.markdown-named-codeblocks
