前端開發(fā)快捷鍵

常用編輯器
名稱 VS Code WebStorm HBuilder X 說明
分拆編輯器標(biāo)簽 Ctrl + \ Alt + Shift + 2 編輯器分拆成左右兩欄
切換編輯器標(biāo)簽 Alt + ← / → Ctrl + PageUp / PageDown 左右切換編輯器標(biāo)簽
關(guān)閉編輯器標(biāo)簽 Ctrl + F4，Ctrl + W Ctrl + F4 Ctrl + F4，Ctrl + W 關(guān)閉當(dāng)前編輯器標(biāo)簽
跳轉(zhuǎn)文件頂部 Ctrl + Home Ctrl + Home Ctrl + Home
跳轉(zhuǎn)文件底部 Ctrl + End Ctrl + End Ctrl + End
跳轉(zhuǎn)到定義 F12 Ctrl + B F12 可以跳轉(zhuǎn)到方法或變量定義處
跳轉(zhuǎn)到指定行 Ctrl + G Ctrl + G Ctrl + G
返回到上一次改動(dòng) Alt + ← Ctrl + Alt + ← 連續(xù)按可連續(xù)返回多個(gè)上次
查看所有引用 Shift + F12 Ctrl + Click 可以查看引用方法或變量位置
插入光標(biāo) Alt + Click Alt + Click 可以在多處插入光標(biāo)，一般用于多個(gè)位置同時(shí)改動(dòng)
重命名 Shift + F6 可以重命名，函數(shù)，變量，文件
選中當(dāng)前行 Ctrl + L
向下復(fù)制一行 Shift + Alt + ↓ Ctrl + D
刪除一行 Ctrl + Shift + K Ctrl + Y Ctrl + D
向上插入空行 Ctrl + Shift + Enter Ctrl + Shift + Enter
向下插入空行 Ctrl + Enter Shift + Enter Ctrl + Enter
向下選中相同內(nèi)容 Ctrl + D Alt + J Ctrl + E
設(shè)置錨點(diǎn)或書簽 Ctrl + F11 Ctrl + F2 方便快捷跳轉(zhuǎn)到某行
跳轉(zhuǎn)到錨點(diǎn)或書簽 Shift + F11 F2 跳轉(zhuǎn)到某行
行上下移動(dòng) Alt + ↑ / ↓ Shift + Alt + ↑ / ↓ Ctrl + ↑ / ↓
最近打開的文件 Ctrl + R Ctrl + E
伸縮[]{}代碼塊 Ctrl + Shift + ] / [
跳轉(zhuǎn)到{}前后 Ctrl + ] / [ Alt + [
格式化代碼 Shift + Alt + F Ctrl + Alt + L Ctrl + K
大小寫轉(zhuǎn)換 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
打開設(shè)置 Ctrl + , Ctrl + Alt + S Ctrl + Alt + ,
打開終端 Ctrl + ~ Alt + F12 Alt + C

常用瀏覽器
名稱 Chrome Firefox 說明
打開開發(fā)者工具 F12 F12
查看網(wǎng)頁(yè)源碼 Ctrl + U Ctrl + U
打印網(wǎng)頁(yè) Ctrl + P Ctrl + P
正常重新加載 Ctrl + R Ctrl + R
硬性重新加載 Ctrl + Shift + R 強(qiáng)制重新加載，不加載緩存，前提：開發(fā)者工具打開后有效
打開文件查看源碼 Ctrl + P 輸入文件名，可以搜索打開網(wǎng)頁(yè)源碼，前提：開發(fā)者工具打開后有效

您最近使用了：

收藏 菜單 QQ