0
0

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 3 years have passed since last update.

【⭐️オススメ便利機能⭐️】~インデントを色で識別!?~

Last updated at Posted at 2020-08-12

【概要】

1.オススメ便利機能とは

2.なぜ入れた方がいいの?

3.どのように使うのか⁉︎

4.導入してわかったこと

1.オススメ便利機能とは

その名も”indent-rainbow

今すぐ、入れるべき‼︎

2.なぜ入れた方がいいの?

下記の画像を見てください!
インデントが列によって、
レインボーに色別されています!

スクリーンショット 2020-08-12 22.45.26.png

これにより、どの開閉タグ(ex:divでの表示ミス)
がどこに対応しているのか一発でわかります!

またタブではなくスペースキーで1文字開けた時は、
赤くなり教えてくるのも大変便利です!

3.どのように入れて、使うの⁉︎

Vscodeのスクリーンショット 2020-08-12 23.12.22.png
から”indent-rainbow”と検索するだけ!
あとはインストールを押すだけ!

そして緑のインストールボタン押して
視覚化されるので簡単です!

4.導入してわかったこと

I)実は列がレインボーになるだけと思っていました笑
 たまたまスペースを押したら赤くなったのでさらに
 便利だなと感じました!

II)divで表示ミスをすることが頻繁にあったので
 列を見易くすることでミスに気付けました!

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?