3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Visual Studio CodeでMarkdown記事書き方

Last updated at Posted at 2020-06-14

Visual Studio CodeでMarkdown記事の書き方

今回の記事でVSCodeを利用してMarkdown記事の書き方について説明します。
手順は以下の通りです。

1、MDファイル作成

VSCodeを開く
image.png
ファイル -> 新規ファイルで新規ファイルを作成する
ショートカットキー:Ctrl+N 
image.png
言語を選択ー>marと入力してMarkdownを選択する
image.png

右下の「プレーンテキスト」はMarkdownになっていれば成功
Markdownファイルの拡張子は*.md
image.png

2、Markdown記述方法

Markdownの記述方法についてはMarkdown記法 チートシートを参照してください。

3、プレビュー方法

拡張機能Markdown Preview Enhancedをインストール
ショートカットキーCtril + Shift + x で拡張機能検索Windowを開く
image.png
Markdown Preview Enhancedって入力 -> 選択 -> インストール
image.png

インストール完了したらCtrl+K -> Vの順番で操作する
image.png

プレビューできていますよね、これで完了。

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?