tapitapi’s blog

1日1杯タピオカ!エンジニア

VScodeで.mdファイルをプレビュー

VScodeで、markdownファイル(.md)をプレビューする方法を紹介します。

 

markdownファイルについては下記がわかりやすかったので、記載させていただきます^^

www.asobou.co.jp

 

1. VScodeを開きます

f:id:kayo445:20200602185947p:plain

 

2. 左下の歯車マークをクリックし、「Command Palette」を選択

f:id:kayo445:20200602190035p:plain

 

3. 上に検索boxが出るので、Markdown:Open Previewを選択

f:id:kayo445:20200602190113p:plain

 

4.一度検索すると、README.mdなどの.mdファイルを右クリックすると「Open Preview」が出てくるので選択

f:id:kayo445:20200602190247p:plain

 

5. こんな感じでプレビューされる

f:id:kayo445:20200602190358p:plain

 

6. 実際にブラウザで表示されているように背景を黒にしたい場合、「Command Palette」で「Preferences:Color Theme」を選択

f:id:kayo445:20200602190602p:plain

 

7. Light+ (default light)を選択

f:id:kayo445:20200602190638p:plain

 

8.  背景が白になって、ブラウザで見た感じに近くなります

f:id:kayo445:20200602190741p:plain

 

以上ですーーー!!

 

VScode、まだまだ使いこなせてないので、便利機能など少しづつ覚えていこうと思います。

 

おやすみぃぃ