Simple Answer

simpleanser

Visual Studio Codeのプラグイン

VSCodeの便利なプラグインを記載する

Vue.jsで使いたいVSCodeプラグイン

Vetur

  • Vue.jsのコードのハイライトや補完のために必須のプラグイン
  • 整形もできるようになる。Alt+Shift+fでドキュメント全体を整形する。(選択している箇所だけの整形はできないのかなぁ。。)

その他

Swaggerで使いたいVSCodeプラグイン

Swagger Viewer

  • swaggerのファイル上で、Shift+Alt+pでプレビューを表示する。

Markdown (マークダウン)で使いたいVSCodeプラグイン

Markdown Preview Enhanced

  • プレビュー表示 .mdを開いてその中で、Ctrl+k、vの順で押下でプレビュー表示する。
    ⇒もしくは、「表示」タブ->「コマンドパレット」->「Markdown: Markdown Preview Enhanced: Open Preview To The Side」を選択。
    ⇒このプレビューで、plantuml、mermaidの図も表示できる。
    ⇒画像添付の時に画像を配置したパスに「#」が含まれると表示できない。(html変換するため、うまく読み込めなくなるため。)

  • PDF出力
    上述のプレビュー表示画面の中で、右クリック->「Chrome(Puppeteer)」->「PDF」で、PDF出力。

  • 目次
    [TOC] と記述することで目次が表示される。また保存時に更新されているみたい。これが「Markdown Preview Enhanced」のおかげかは不明。

Markdown All in One

  • 章番号の追加&更新
    「表示」タブ->「コマンドパレット」->「Markdown All in One: Add/Update section numbers」を選択。
    ⇒「# XXX」や「## XXXX」などに章番号が付加されて、「#1. XXX」や「##1.1 XXXX」などになる。

Draw.ioで使いたいVSCodeプラグイン

Draw.io Integration

  • .ioのファイルを編集できる。図とか絵とか描きやすい。