5
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Visual Studio Code + Markdown Preview Enhancedでタイミング図を描く

Posted at

初Qiita。使い方がよく分からない。

Visual Studio CodeでMarkdown Preview Enhanced(MPE)拡張を使うためのメモ。
いつも使おうと思うと使えなくなっているので備忘のため記録。
環境はWindows7 64bit / Windows10 64bit (どちらも同じ現象だった)

Visual Studio Codeは普通にインストール
https://code.visualstudio.com/download

Extensionsで拡張機能をインストール
image.png

"Markdown Preview Enhanced"を検索して"Install" (偽者に注意)
image.png

試す。

ファイルを新規作成
image.png

WaveDrom (https://wavedrom.com) という書式に従って信号を記述
image.png

Command Paletteを開いて
image.png

MPE Open Previewコマンドを叩こうとすると
image.png

エラーが出て使えない!
image.png

しかしここでMPE Open Preview to the sideを叩くと
image.png

なぜか使える。そしてこの後はMPEの他のコマンドも正常に使えるようになる。
image.png

Visual Studio CodeのバグなのかMPEのバグなのか
そもそも私が使い方を分かっていないだけなのか分からないが、
とにかくこのような手順を行うと使えるようになる。

タイミングチャートを描くこと自体がそれほどないので、
たまに描こうと思って起動すると使えなくて時間を浪費する。
というのを3回繰り返したのでいいかげん記録に残しておく。

(でもライブプレビューが動いてないのでやっぱり何か決定的に使い方を間違えてる気がする…。)

Tip:
If you come across the error "command 'markdown-preview-enhanced.openPreview' not found",
then try the command "markdown-preview-enhanced.openPreviewToTheSide".

※QiitaもVSCodeも導入したばかりなので手探り。
何か気付いたら後で追記します。

5
6
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
5
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?