Zenn
Open11

VSCode拡張機能

VS Code
VS Code 拡張機能
꒰⍤꒱꒰⍤꒱

汎用

꒰⍤꒱꒰⍤꒱

入力補助 関連

  • Auto Close Tag
    自動でタグを閉じてくれる。
  • Auto Rename Tag
    開始タグを変更したら閉じタグも変更してくれる。
  • HTML CSS Support
    CSSで定義したclassやidを入力補完してくれる。
  • Path Autocomplete
    パスの入力補完を出してくれる。細かい設定ができる。
꒰⍤꒱꒰⍤꒱

ショートカット登録：選択範囲を[ 大文字/小文字 ]に変換する

コマンドパレットで大文字/小文字変換できるけど、よく使うのでショトカ登録した。

  • 小文字変換: Ctrl + Alt + L
  • 大文字変換: Ctrl + Alt + U

キーボードショートカットの登録方法

  1. コマンドパレットで登録したいコマンドを出す
  2. 該当のコマンドの右側にある歯車を押す
  3. 左側にある+を押す
  4. 画面に従い任意のキーの組み合わせを押して登録する
꒰⍤꒱꒰⍤꒱

Git 関連

  • Git Graph
    コミットログをVSCode上を視覚的に確認できるようになる。見やすい。
꒰⍤꒱꒰⍤꒱

フォーマット

  • XML
    XML Toolsが2020年で更新止まっていたのでXMLを採用
꒰⍤꒱꒰⍤꒱

ショートカット：自動整形

  • 全体の整形
    Windows: Shift + Alt + F
    Mac OS : Shift + Option + F

  • 選択範囲の整形（※整形したい行を選択した状態）
    Windows: Ctrl + K → Ctrl + F
    Mac OS : Cmd + K → Cmd + F

整形したい時とそうじゃない時があるので、保存の自動整形は不採用。