🙌
これを読めば開発は楽勝! VSCodeのコード整形の拡張機能を紹介!(BlockmanとPrettier)
コード整形の拡張機能とは
開発をしていく上でVSCodeを使う機会が圧倒的に多いと思います。
その時より開発を手助けしてくれるコード整形の拡張機能を紹介して行きます。
Blockman
コードを書いていくとネストがどんどんされていってコードが見づらくなったりしませんか。
そんな悩みを解決してくれるのがBlockmanです。
ネストされたブロックをわかりやすく表示してくれるツールです。
自分のコードは都合上今出せないので資料から引用します。
上の画像のコードを読み比べてみてください!
左の画像に比べたら右の画像の方が読みやすいですよね!
Blockmanの導入
下の画像のようにVSCodeの拡張機能から検索してもらえたらインストールできます。
Prettier
このツールはコードを、自動的に綺麗にしてくれます。
こちらも資料から引用させていただきました。
Prettierの導入
下の画像のようにVSCodeの拡張機能から検索してもらえたらインストールできます。
引用資料
以下が引用資料です。ぜひ読んで利用してみてください!
Discussion