1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VSCode の Markdown 作成環境の構築

Last updated at Posted at 2024-01-23

この記事は「Win 11 への VSCode のインストール」 の続きの内容になります。

Markdown(マークダウン)は、主に装飾付き文字列を記述するためのマークアップ言語です。Markdown 構文はテキスト形式のため、簡単に読み書きできます。ウェブでの文書作成、掲示板への投稿、README ファイルなどで利用されます。

この記事は「Win 11 への VSCode のインストール」 に引き続き、 18 歳の新入社員向けに VSCode の Markdown 作成環境を構築する手順を説明します。

Markdown 作成環境の構築

Visual Studio Code の起動

スタートメニューから「Visual Studio Code」を起動します。

41_vscode.png

拡張機能の追加

左端にある「拡張機能」アイコンをクリックします。

32_installer.png

拡張機能 の検索

拡張機能の検索ボックスに「markdown」と入力します。

43_extension.png

拡張機能 のインストール

検索結果に Markdown (Markdown Preview Github Styling) が表示されたら、「インストール」をクリックします。

45_extension.png

以上で基本的な環境構築は完了です。

Markdown ファイルの作成例

新しいファイルの作成

VSCode のメニューから「ファイル」 > 「新しいテキストファイル」の順にクリックします。

61_markdown.png

Markdown テキストの入力

エディタが開いたら、以下のテキストを入力します。

Untitled-1.md
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
Hello world!

63_markdown.png

プレビューを開く

VSCode のエディターのファイル名で右クリックし、「プレビューを開く」をクリックします。

65_markdown.png

プレビューの確認

プレビューとして、装飾されたテキストが表示されたら、動作完了です。

67_markdown.png

参考文献

1
3
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
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?