VS Codeの拡張機能の追加
以下拡張機能を導入する。
- prettier
- コードを自動整形してくれる
- 設定方法: https://youtu.be/UZ4RE9VSQOo?t=154
- auto rename tag
- HTML要素の開始タグと閉じタグの変更を連動してくれる
- code spell checker
- 誤った英語表記を指摘してくれる
- material icon theme
- ファイルにアイコンをつけてくれる
- polacode
- コードの選択エリアの写真を撮ってくれる
- 撮影方法
- ctrl + shift + p -> polacodeを選択 -> 右エリアにサンプル写真が表示される
- スクショしたいコードエリアを選択して、右アリアにドロップ -> スクショ画像が表示される
- 右エリアしたのカメラ・レンズっぽいマークを押す -> 画像を保存できる
- css peek
- クラスのホバーでスタイル定義をプレビュー or 定義場所へジャンプできる
- 利用例: https://youtu.be/UZ4RE9VSQOo?t=724
- thunder client
- APIテストに使える
- とりあえず入れておく
- quokka.js
- jsやtsのちょいコードを試せる(devToolsのコンソールみたいなインターフェース)
- ctrl + shift + p
- chatgpt genie AI
- サイドメニューのランプマークをクリック
- https://platform.openai.com/account/api-keys でAPI KEYを作り設定する