VS Codeで、インデントまとめて整える、とか、逆に下げるとか、意外と知らなかったりしない？？
#デイトラ #WEB制作デイトラ#Web制作
備忘録
地味にインデント浅くするの知らなかった
さらに、Tabも、複数行選択した状態でもできるのね…
Windows: Shift + Alt + F
インデントを深く: Tab
インデントを浅く: Shift + Tab
AI解説
VSCode インデント調整 ショートカット
https://t.co/JmUKuHxELR— しゅう【Webサイト制作/改良・コーダー】_筋トレとプログラミング学習で一生成長期のおやじ (@shu_web_net) November 5, 2024
地味に、インデント下げるのとかこれ調べるまで知らんかったです。
↓↓が、当時、めっちゃくだけた言葉でGeminiにプロンプト投げてたら、
小学生相手にしてるような口調になったGeminiの回答
VSCodeで複数行のインデントをまとめて整えるには、以下のショートカットキーを使うよ。
- Windows: Shift + Alt + F
- Mac: Shift + Option + F
- Linux: Ctrl + Shift + I
これらのショートカットキーは、選択した行またはファイル全体のインデントを自動的に整形してくれるんだ。
もし、特定の行だけインデントを調整したい場合は、以下のショートカットキーも便利だよ。
- インデントを深くする: Tab
- インデントを浅くする: Shift + Tab
これらのショートカットキーで、複数行を選択した状態で操作すれば、まとめてインデントを調整できる。
さらに、VSCodeには “Format Selection” というコマンドもある。 これは、選択した範囲のコードだけを整形してくれる機能で、インデントだけでなく、改行やスペースなども自動的に調整してくれるんだ。
“Format Selection” コマンドを使うには、以下の手順に従う。
- 整形したいコードを選択する。
- コマンドパレットを開く (Ctrl + Shift + P または Cmd + Shift + P)。
- “Format Selection” と入力して Enter を押す。
VSCodeのこれらの機能を活用すれば、コードのインデントを効率的に整えることができるよ。
サイバーエージェントが運営する小学生向けプログラミングスクール
Tech Kids School【テックキッズスクール】
けっこうガチ目っぽいです↓↓
京大生中心のエンジニアによる中高生のためのプログラミング教室↓↓
僕がWeb制作を学んだデイトラ↓↓
継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます