More than 5 years have passed since last update.

【非エンジニアにもオススメ】Visual Studio Code を Markdown エディターとして使う

Last updated at 2019-04-22Posted at 2019-04-22

はじめに

弊社では開発環境として Visual Studio Code (以下VSCode) を利用しています。
メモ書き等は Markdown で記述する場合が多くVSCode上で記載したいと思いました。
※Markdown エディターはBoostnote等が有名ですよね。

そんな矢先 VSNotes なる拡張機能があることを知り導入してみました。
本記事では導入方法とOneDriveなどのクラウド環境との同期方法を紹介していきます。

タグとディレクトリでファイルを管理することが出来ます。
プレビューもコマンドを使用してすばやく行うことが可能です。

多機能ではないですがメモ書きには充分と思っています。

拡張機能の検索窓から「VSNotes」を検索しインストールを実行

インストールが完了するとタブにアイコンが表示されます

F1キーを押し VSNotes の Run setup コマンドを実行する

右下にポップアップウィンドウが出現するので「Start」をクリックする

.mdファイルを保存するディレクトリを指定する ( OneDrive等クラウドだと幸せになれる )

あとは指定したディレクトリに.mdファイルを入れて運用していくことになります

ファイル生成パターン1 : コマンドから新規のファイルを生成する

ファイル生成パターン2 : 対象ディレクトリにmdファイルを入れる

フォルダ構造で入れても大丈夫

更新ボタンを押すと表示されます

Markdown ファイルのプレビュー : F1からMarkdown : Open Previewを選択

プレビューウィンドウが表示される

他にも機能はありますが使う分にはこれで充分かと思ってます。

VSCode で Markdown のメモを作成するのにオススメな拡張機能「VSNotes」の紹介記事でした。
複数のPCやMacも併用して業務を行う自分としては非常に助かっているツールになります。
VSCOde で出来ることもドンドン増えているので是非触ってもらえれば幸いです。