VS Codeでマークダウン記法をやってみよう

プログラミング
スポンサードリンク

今ではmdファイルだけではなく、noteやgoogleドキュメント、wordpressなど様々な場面で使えるマークダウン記法をメモ帳のように使ってみましょう。

スポンサードリンク

VSCodeでのマークダウンファイルの使い方

ファイル作成

ファイルの拡張子をmdにするだけで使えます。

プレビュー

部レビューは右上をクリック(画像赤枠)

使用した拡張機能

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 a...
Markdown Checkbox - Visual Studio Marketplace
Extension for Visual Studio Code - With this extension you can create checkboxes in markdown and mark them quickly.

「Markdown All in One」と「Markdown Checkbox」を使いました。

使えるマークダウン記法一覧

見出し

#+スペース
#の数だけ見出しが小さくなる。
#の後にスペースが抜けると見出しにならない

リスト

-"や”*"、”+"+スペース
記号を変えると別のリストの扱いになる
インデントはスペース2つ分

番号付きリスト

数字+ピリオド+スペース

斜体・太字

斜体:*+*
太字:**+**

リンク

[]内はリンクの名前、()内はリンク先

画像

!+[]()
[]内は代替テキスト、()内はリンク

コード

バッククォート (「 shift + @ 」)+スペース
一行目バッククォートの後に言語を指定できる

改行

行末尾に半角スペース2つ

| —– | —– | —– |の上の行が列の見出し

チェックボックス

チェックボックスを使うにはこの拡張期のを使いました。

-+[ ] リスト要素
チェックは”x”

追記

スクロールの同期を無効

VSCodeではエディターとプレビュー画面のスクロールが同期するように設定されています。

同期を無効にするためには設定から”markdown preview”を検索し、
“markdown > preview: scroll Editor With Editer“のほうのチェックマークを外します。

コメント

タイトルとURLをコピーしました