VsCode拡張!Draw.io Integrationのフローチャート他おすすめ!

2020年3月9日

VsCode拡張覚書です。

VsCode拡張!Draw.io Integrationのフローチャート

あわせて読みたい

Draw.io Integration - Visual Studio Marketplace Extension for Visual Studio Code - This unofficial extension integrates Draw.io into VS Code.

M5Paperは画面が大きいからレイアウトをちゃんと考えないと、ということで、VSCodeにhttps://t.co/TJCNa41Nrz Integration https://t.co/BkQmPf1wfP を入れてみた。図形のテンプレートも色々あって面白い。図形はグリッドにスナップするし、かなり使いやすいな。 pic.twitter.com/lr2kMC8Dqz
— み (@michan06) February 23, 2021

グリッドに吸着はいいですね。

普通のやつは微妙に使いにくくて、通常時はVisioを使っていましたが、最近、安価なエドラマックスに乗り換えました。

ithands(software)

【評判】 EdrawMAX(エドラマックス)の無料版の制限!Web版はある!? プログラミングやアプリ開発のためフローチャートを書くことがあります。おすすめはどれでしょう？↑↑上記は実際に使ってみた格安フローチャートソフトEdrawMaxです。いつ...

VSCodeのおすすめ拡張機能（言語問わず）

phpやjavascript言語関係なく共通で使えます。

indent-rainbow、Bracket Pair Colorizer2(非推奨)

indent-rainbow　インデントをカラーでわかりやすくする
Bracket Pair Colorizer2 括弧の対応をカラーでわかりやすくする

Bracket Pair ColorizerとBracket Pair Colorizer2の違いは公式サイトによると以下のとおり。

Differences between v1 and v2?
v2 Uses the same bracket parsing engine as VSCode, greatly increasing speed and accuracy. A new version was released because settings were cleaned up, breaking backwards compatibility.

ベースが同じで速度があがっています。β版だが、今のところ困ったことがないためBracket Pair Colorizer2を使っています。

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

(追記)非推奨になりました。VsCodeに組み込まれてデフォルト機能で使えるようです。

bracket pair colorizer is no longer being maintained.
VsCodeより

https://t.co/X4Y6ZpMD8P
— 眼力玉壱號 (@objectxplosive) September 2, 2021

Vs Codeはsettingから設定しますが、最新のVs Codeではデフォルトで有効になるようです。

vscode-textlint

textlintです。

https://marketplace.visualstudio.com/items?itemName=taichi.vscode-textlint

textlintの使い方はこちらです。

ebookbrain

動かない!?vscodeでtextlintの使い方 textlintの使い方の覚書です。 vscodeでtextlintの使い方本体のインストール nodeとnpmが必要です。Javascriptの開発環境が入っている人は元から入っているでしょう。確...

VSCodeのおすすめ拡張機能（HTML、CSS）

Encode Decode2

htmlのコードをアンエスケープするために利用しています。

https://marketplace.visualstudio.com/items?itemName=mitchdenny.ecdc

使い方は次のとおりです。

選択 > コマンドパレット > convert selection > String to HTML Entities

戻るときは次のとおりです。

選択 > コマンドパレット > convert selection > HTML Entities to String

stylelint

stylelintはCSSの整形に便利です。

ebookbrain

【v14で動かない!?】VsCodeでstylelintの使い方(設定/自動修正/ルールの例外・無効など) stylelint導入方法、設定、自動修正、ルールの例外・無効、ソート方法などをまとめていきます。 stylelintとは stylelintはcssスタイルのコードが正しいのか検証を行うもの...