ひとりでのアプリ開発 - fineの備忘録 -

ひとりでアプリ開発をするなかで起こったことや学んだことを書き溜めていきます

VS Code - VS CodeでMarkdownを使う

初めに

 VS Code拡張機能を入れて、VS CodeMarkdownを使う方法をまとめます。

拡張機能Markdown All in One」を入れる

 拡張機能Markdown All in One」をインストールすることで、VS CodeMarkdown が使えるようになります。

 拡張機能は、下の画像の赤枠で囲っている部分をクリックし、検索することでインストールしたい拡張機能を探すことができます。


使い方

 次の手順で、Markdown ファイルを作成します。

Markdown ファイルの作成手順)

  1. エクスプローラ内で右クリックし、New File をクリック
  2. ファイル形式を .md にする


 あとは、Markdown 記法をつかって書いていけばよいです。

 下のボタンをクリックすると、プレビュー画面を開くことができます。


拡張機能Markdown PDF」を使う

 拡張機能Markdown PDF」をインストールすることで、Markdown ファイルを pdf や html 形式のファイルに変換することができます。

 編集画面で右クリックすることで、変換先のファイル形式を選び、変換することができます。

 変換後は作業中フォルダにファイルが作成されます。

 pdf に変換すると下の画像のようになります。

ウェブブラウザ上で使う Markdown エディタとの違い

 ウェブブラウザ上で使うエディタは、オンラインでしか作業できませんが、VS Code であればオフラインで作業ができることが魅力です。