LoginSignup
12
11

More than 3 years have passed since last update.

ReadMeをプレビュー表示で編集しやすくする

Last updated at Posted at 2020-03-22

今日のテーマ

VscodeでReadMe編集時にプレビュー表示があるととっても便利で編集捗るよねってお話

マークダウン で編集する際 Qiitaなんかでも右側にプレビューがある 
ReadMeもマークダウン で書くので 例えば 

Image from Gyazo

のように表で表示させたければ 以下のように書く必要がある

Image from Gyazo

でも これ 確認しながら 書く必要あるよね?

さらに スクショをReadMeに貼り付けたりする場合

Image from Gyazo

どう考えても プレビュー表示が必要だ!

ということで 

本題

ReadMe.md ファイルを開いているときに、「Command + Shift + P」を押して、上のコマンドパレットに 「Markdown: Open Preview to the Side」と入力し選択すると、右側にマークダウンのプレビューを表示することができます。

Image from Gyazo

これで見易くなりました

Image from Gyazo

おまけ

マークダウン記法でGithubのアイコン&リンクを貼るコード

<a href "GithubのURL"><img src="アイコンの画像リンク" height="100px;" /></a>

こんな感じでリンクにも飛ばせます。

まとめ

マークダウン記法は習うより慣れよですね

12
11
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
12
11