フロントエンド開発のショートカットキー

常用エディタ

名称:名称(めいしょう) VS Code WebStorm HBuilder X 説明
編集タグ分離 Ctrl + \ Alt + Shift + 2 エディタを左右に分離
編集タグを切り替え Alt + ← / → Ctrl + PageUp / PageDown エディタータブを左右に切り替え
エディタータグを閉じる Ctrl + F4,Ctrl + W Ctrl + F4 Ctrl + F4,Ctrl + W 現在のエディタータグを閉じる
ファイルの先頭に移動 Ctrl + Home Ctrl + Home Ctrl + Home
ファイルの最下部に移動 Ctrl + End Ctrl + End Ctrl + End
定義にジャンプ F12 Ctrl + B F12 方法や変数の定義先にジャンプできます
指定行にジャンプする Ctrl + G Ctrl + G Ctrl + G
前回の変更に戻る Alt + ← Ctrl + Alt + ← 連続で押すと、複数の前に戻るが続く。
すべての引用を確認する Shift + F12 Ctrl + Click 参照方法や変数の場所を確認できます
光标を挿入 Alt + Click Alt + Click 複数の場所に光標を挿入できる。通常、複数の場所で同時に編集する場合に使用。
名前を変更する Shift + F6 名前を変更できます、関数、変数、ファイル
現在の行を選択してください。 Ctrl + L
下に一行コピーします。 Shift + Alt + ↓ Ctrl + D
一行削除 Ctrl + Shift + K Ctrl + Y Ctrl + D
上に空行を入れる Ctrl + Shift + Enter Ctrl + Shift + Enter
下に空行を挿入してください。 Ctrl + Enter Shift + Enter Ctrl + Enter
下に同じ内容を選択してください。 Ctrl + D Alt + J Ctrl + E
アンカーまたはブックマークの設定 Ctrl + F11 Ctrl + F2 簡単に特定の行に移動できます。
アンカーまたはブックマークに移動 Shift + F11 F2 行にジャンプする
上下動く Alt + ↑ / ↓ Shift + Alt + ↑ / ↓ Ctrl + ↑ / ↓
最近開いたファイル Ctrl + R Ctrl + E
可変長コードブロック Ctrl + Shift + ] / [
{}の前後へジャンプ Ctrl + ] / [ Alt + [
コードのフォーマット化 Shift + Alt + F Ctrl + Alt + L Ctrl + K
大文字小文字の変換 Ctrl + Shift + U Alt + Shift + U / l
全検索 Ctrl + Shift + F Ctrl + Shift + F Ctrl + Alt + F
検索 Ctrl + F Ctrl + F Ctrl + F
置き換え Ctrl + H Ctrl + R Ctrl + H
単行コメント Ctrl + / Ctrl + / Ctrl + /
全画面表示 F11 F11
設定を開く Ctrl + , Ctrl + Alt + S Ctrl + Alt + ,
端末を開く Ctrl + ~ Alt + F12 Alt + C

常用ブラウザ

名称:名称(めいしょう) Chrome Firefox 説明
開発者ツールを開く F12 F12
ウェブページのソースコードを確認してください。 Ctrl + U Ctrl + U
ウェブページ印刷 Ctrl + P Ctrl + P
通常再読み込み Ctrl + R Ctrl + R
強制再読み込み Ctrl + Shift + R 強制的に再読み込み、キャッシュを読み込まない、条件:開発者ツールがオープンしている場合有効
ファイルを開いてソースコードを確認してください。 Ctrl + P ファイル名を入力してください。ウェブページのソースコードを検索し、開くことができます。条件:開発者ツールが有効であれば有効です。

最近使用した:

収蔵 メニュー QQ