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

96 lines
3.0 KiB
Markdown

# [VSCODE]MarkDownを活用する
- [\[VSCODE\]MarkDownを活用する](#vscodemarkdownを活用する)
- [ライブラリ・機能一覧](#ライブラリ機能一覧)
- [基本的な操作](#基本的な操作)
- [Markdown All in One](#markdown-all-in-one)
- [Markdown PDF](#markdown-pdf)
- [Markdown Preview Enhanced](#markdown-preview-enhanced)
- [Markdown Preview Mermaid Support](#markdown-preview-mermaid-support)
- [Markdown Table](#markdown-table)
- [Excel to Markdown table](#excel-to-markdown-table)
- [Tips](#tips)
- [目次作成機能](#目次作成機能)
**(参考リンク)**
* [github markdown-preview-enhanced](https://github.com/shd101wyy/markdown-preview-enhanced/blob/master/docs/ja-jp/file-imports.md)
* [qiita 便利な拡張機能5選](https://qiita.com/sola-msr/items/cfe448db958da3d08863#excel-to-markdown-table)
## ライブラリ・機能一覧
* 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. 自動補完機能
1. 見出しナンバリング
2. リスト編集補完
3. HTML変換機能
4. その他機能
1. 数式機能
2. テーブル等幅機能
5. 画像リンク貼付機能
コード入力候補/補助
#### Markdown PDF
1. PDF出力機能
#### Markdown Preview Enhanced
(サイド:Ctrl+K -> V,全面:ctrl+shift+v)
1. 拡張性の高いマークダウンのプレビュー拡張機能
2. ファイル分割機能
##### Markdown Preview Mermaid Support
MermaidをViewに表示できるようにする
[【Mermaid】概要及び基本的な使い方](https://wiki.pglikers.com/en/private/docs/markdown/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"を選択する