4
0

More than 1 year has passed since last update.

早くインストールして!直近で一番感動したVSCodeプラグイン「Better Folding」

Last updated at Posted at 2023-04-15

サボりがちなプラグイン探索ですが、最近インストールして最も感動したものを端的に紹介する記事です!

まだインストールしてない人は早く入れて欲しい!
お節介な記事となっていますのでご了承ください。

VSCodeの標準機能「行の折りたたみ」が微妙だと思っていた理由

VSCodeの標準機能に行の折りたたみがあります。
便利は便利です使いはするけど不満がありました…

下記の画像のようにブラケットが外に出てしまうからです…
image.png

たったこれだけですが、使う気がおきない理由の一つでした…。

「Better Folding」は行の折りたたみを覚醒させる!

百聞は一見にしかず。ご覧ください。

image.png

ブラケットも一緒に折りたたまれ、折りたたまれた行数も表示してくれる丁寧ぶり。

その他いろいろなパターンの折りたたみ

その他の折りたたみはどのようになるか試してみました。

関数

image.png

addEventListener

なぜかイベントリスナーだけ「...」で表示されます。
ちなみにアロー関数、通常の関数どちらでも同じ結果です。
image.png

if文

trueの場合と、falseの場合それぞれで行数が表示されます。
image.png

Objectの場合

少し中身が見えずらい感じはあります。
image.png

まとめ

たったこれだけといえばそれまでですが、ちょっとした開発のストレスを解消して良い開発体験を生むことも仕事の効率を上げると思っています!

また、良いプラグインがあれば紹介したいと思います!

4
0
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
4
0