js-common-code/docs/vs-code-md.md
2025-03-20 21:56:10 +09:00

3.0 KiB

[VSCODE]MarkDownを活用する

(参考リンク)

ライブラリ・機能一覧

  • Markdown All in One
  • Markdown PDF
  • Markdown Preview Enhanced :PDF出力機能

基本的な操作

Markdown All in One

  1. キーボードショートカット機能
    1. コード入力候補/補助
  2. 目次作成機能(ctrl+shift+p -> Markdown All in One: Create Table of Contents)
  3. 自動補完機能
  4. 見出しナンバリング
  5. リスト編集補完
  6. HTML変換機能
  7. その他機能 1. 数式機能 2. テーブル等幅機能
  8. 画像リンク貼付機能

コード入力候補/補助

Markdown PDF

  1. PDF出力機能

Markdown Preview Enhanced

(サイド:Ctrl+K -> V,全面:ctrl+shift+v)

  1. 拡張性の高いマークダウンのプレビュー拡張機能
  2. ファイル分割機能
Markdown Preview Mermaid Support

MermaidをViewに表示できるようにする

【Mermaid】概要及び基本的な使い方

Markdown Table

  1. 等幅機能、入力補完機能:テーブルを作成中に[Tab]キーを使用する

Excel to Markdown table

エクセル、スプレッドシートからテーブルをコピーする (Shift + Alt + v )

  • Markdown Preview Mermaid Support : MermaidをViewに表示できるようにする

Tips

### キーボードショートカット機能

キー 説明
Ctrl+B 選択した文字の太字にする。
Ctrl+I 文字を斜体
Ctrl+K -> V エディタの横にプレビュー表示
Ctrl+Shift+] 見出しレベルを上げる
Ctrl+Shift+[ 見出しレベルを下げる
Ctrl+M 数式入力の文字入れる($$)
Alt+C チェックリストのオンオフ
Ctrl+Shift+V プレビューの表示切替

目次作成機能

  1. [ctrl +shift + p]
  2. "Markdown All in One: Create Table of Contents"を選択する