【VS code】laravel8+vue+tailwindcss環境であると便利なプラグイン
今回のプラグインで用途としては
見た目で分かりやすくする
クリックで対象のソースに飛べるようにする
インデントや、どこからどこまでが対象エリア(div～/div)までのエリアなのか分かりやすくする。
等の拡張機能をまとめました。
- Prettier
- Material Icon theme
- Bracket Pair Colorizer2
- Laravel Snippets
- Laravel Extra Intellisense
- Laravel-goto-Controller
- Laravel goto Veiw
- TailWindcss Intellisense
- DotEnv
Prettier
フォマッターで、デフォルトより優秀なのでこちらを使用します。
フォーマッターを統一しないとインデントが個人でバラバラになってしまうので
プロジェクトで統一したい所です。
Material Icon theme
下記のようにvscodeのアイコンが専用の物に代わって見やすくなります。
Bracket Pair Colorizer2
下記のように閉じの位置が分かりくなります。
Laravel Snippets・Laravel Extra Intellisense
laravelのコードの補完機能になります。
Laravel-goto-Controller・Laravel goto Veiw
コードから対象のファイルにジャンプできるようになります。
TailWindcss Intellisense
tailwindcssのコード補完をしてくれます。
DotEnv
.envを色分けして見やすくしてくれます。