Visual Studio Codeのプラグイン
Vue.jsで使いたいVSCodeのプラグイン
Vetur
- Vue.jsのコードのハイライトや補完のために必須のプラグイン。
- 整形もできるようになる。Alt+Shift+fでドキュメント全体を整形する。(選択している箇所だけの整形はできないのかなぁ。。)
その他
- 下記のサイトの確認してみよう
vscodeでVue.jsを書くときに使っているプラグインとか - Qiita
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のファイルを編集できる。図とか絵とか描きやすい。