首頁 >開發工具 >webstorm >值得收藏的WebStorm快捷鍵

值得收藏的WebStorm快捷鍵

青灯夜游
青灯夜游轉載
2019-11-29 15:04:077627瀏覽

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最聰明的JavaScript IDE」等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。

值得收藏的WebStorm快捷鍵

1、必備快速鍵

 ● Ctrl /:註解目前行

# ● Ctrl Shift /:當前位置插入註釋

 ● Ctrl Alt /:塊註釋,並Focus到首行,寫註釋說明用的

 ● Ctrl Shift A:選擇當前標籤前後,修改標籤用的

 ● F11:全螢幕

 ● Shift F11:全螢幕免打擾模式,只編輯目前檔案

 ●● Alt F3:選取所有相同的字詞

 ● Alt .:閉合標籤

 ● Alt Shift 數字:分割畫面顯示

 ● Alt 數字:切換開啟第N個檔案

 ● #Shift右鍵拖曳:遊標多不,用來更改或插入列內容

 ● 滑鼠的前進後退鍵可切換Tab檔案

 ● 按Ctrl,依序點選或選取,可需要編輯的多個位置

 ● 按Ctrl Shift 上下鍵,可替換行

 ● Ctrl Shift P:開啟指令面板

# ● Ctrl P:搜尋項目中的檔案

 ● Ctrl G:跳到第幾行

 ● Ctrl W:關閉目前開啟檔案

 ● Ctrl Shift W:關閉所有開啟檔案

 ● Ctrl Shift V:貼上並格式化

 ● Ctrl D:選擇單字,重複可增加選擇下一個相同的單字

 ● Ctrl L:選取行,重複可依序增加選擇下一行

 ● Ctrl Shift L:選擇多行

 ● Ctrl Shift Enter:在目前行前插入新行

 ● Ctrl X:刪除目前行

# ● Ctrl M:跳到對應括號

 ● Ctrl U:軟撤銷,撤銷遊標位置

 ● Ctrl J:選擇標籤內容

 ## 內容

 ● Ctrl Shift F:尋找並取代

 ● Ctrl H:取代

 ● Ctrl R:前往method

 ●● Ctrl N:新建視窗

 ● Ctrl K B:開關側邊欄

 ● Ctrl Shift M:選取目前括號內容,重複可選括號本身

 ● Ctrl F2:設定/刪除標記

2、選擇類別快速鍵

 ● Ctrl ← 向左單位性地移動遊標,快速移動遊標

 ● Ctrl → 向右單位性地移動遊標,快速移動遊標

 ● shift ↑ 向上選取多行

 ● shift ↓ 向下選取多行

 ● Shift ← ↓ 向下選取多行

 ● Shift ← 向左選中文本

 ● Shift → 向右選中文本

 ● Ctrl Shift ← 向左單位性地選中文本

 ● Ctrl Shift → 向右單位性地選中文本

 ● Ctrl Shift ↑ 將遊標所在行和上一行程式碼互換(將遊標所在行插入到上一行之前)

 ● Ctrl Shift ↓ 將遊標所在行和下一行程式碼互換換(將遊標所在行插入到下一行之後)

 ● Ctrl Alt ↑ 向上新增多行遊標,可同時編輯多行

 ● Ctrl Alt ↓ 向下新增多行遊標,可同時編輯多行

 ● Ctrl D 選取遊標所佔的文本,繼續操作則會選取下一個相同的文字

 ● Alt F3 選取文字按下捷徑,即可一次性選擇全部的相同文字進行同時編輯。舉個栗子:快速選取並變更所有相同的變數名稱、函數名稱等

 ● Ctrl L 選取整行,繼續操作則繼續選取下一行,效果和Shift ↓ 效果一樣

● Ctrl Shift L 先選取多行,再按下快速鍵,會在每行行尾插入遊標,即可同時編輯這些行

 ● Ctrl Shift M 選取括號內的內容(繼續選取父括號)。舉個栗子:快速選取刪除函數中的程式碼,重寫函數體程式碼或重寫括號內裡的內容

 ● Ctrl M 遊標移到括號內結束或開始的位置

 ● Ctrl Enter 在下一行插入新行。舉個栗子:即使遊標不在行尾,也能快速向下插入一行

 ● Ctrl Shift Enter 在上一行插入新行。舉個栗子:即使遊標不在行首,也能快速向上插入一行

 ● Ctrl Shift [ 選中代碼,按下快捷鍵,折疊代碼

 ● Ctrl Shift ] 選中代碼,按下快捷鍵,展開程式碼

 ● Ctrl K 0 展開所有折疊程式碼##3、編輯類​​別快捷鍵

###################################################### ● Ctrl K K 從遊標處開始刪除程式碼至行尾###### ● Ctrl Shift K 刪除整行###### ●t Ctrl / 註解單行###### ● Ctrl Shift / 註解多行 / 註解##### ● Ctrl J 合併選取的多行程式碼為一行。舉個栗子:將多行格式的CSS屬性合併為一行###

 ● Ctrl Shift D 複製遊標所在整行,插入到下一行

 ● Tab 向右縮排

 ● Shift Tab 向左縮排

 ● Ctrl K U 轉換大寫

 ● Ctrl K L 轉換小寫

 ● Ctrl Z 撤銷

 ● Ctrl Y 恢復撤銷

 ● Ctrl U 軟撤除Z 一樣

 ● Ctrl F2 設定書籤

 ● Ctrl T 左右字母互換

 ● F6 單字偵測拼字

4#4

4

# 、搜尋類別快捷鍵

 ● Ctrl F 打開底部搜尋框,查找關鍵字

 ● Ctrl shift F 在資料夾內查找,與普通編輯器不同的地方是sublime允許添加多個資料夾進行查找,略高端,未研究

 ● Ctrl P 打開搜尋框。舉個栗子:1、輸入當前項目中的文件名,快速搜尋文件,2、輸入@和關鍵字,查找文件中函數名,3、輸入:和數字,跳到文件中該行代碼,4、輸入#和關鍵字,找出變數名稱

 ● Ctrl G 開啟搜尋框,自動帶:,輸入數字跳到該行程式碼。舉個栗子:在頁面程式碼比較長的檔案中快速定位

 ● Ctrl R 打開搜尋框,自動帶@,輸入關鍵字,找出檔案中的函數名稱。舉個栗子:在函數較多的頁面快速找出某個函數

 ● Ctrl : 開啟搜尋框,自動帶#,輸入關鍵字,找出檔案中的變數名稱、屬性名稱等 ● Ctrl Shift P 開啟命令框。場景栗子:開啟命名框,輸入關鍵字,呼叫sublime text或外掛程式的功能,例如使用package安裝插件 ● Esc 退出遊標多行選擇,退出搜尋框,命令框等

5、顯示類別快速鍵

 ● Alt Shift 1 視窗分屏,恢復預設1屏(非小鍵盤的數字)

● Alt Shift 2 左右分割畫面-2列

 ● Alt Shift 3 左右分割畫面-3列

 ● Alt Shift 4 左右分割畫面-4列

# ● Alt Shift 4 左右分割畫面-4列

 ● Alt Shift 5 等分4畫面

 ● Alt Shift 8 垂直分割畫面-2螢幕

 ● Alt Shift 9 垂直分割畫面-3螢幕

 ● 或右鍵已開啟標籤,選擇垂直分割or水平分割

 ● Ctrl K B 開啟/關閉側邊欄

 ● F11 全螢幕模式

# ● Shift F11 免打擾模式 ● Ctrl Tab 按檔案瀏覽過的順序,切換目前視窗的標籤頁

### ● Ctrl PageDown 向左切換目前視窗的標籤頁###### ● Ctrl PageUp 向右切換目前視窗的標籤頁####### ● Ctrl PageUp 向右切換目前視窗的標籤頁######本文來自 ###webstorm教學### 欄目,歡迎學習! ###

以上是值得收藏的WebStorm快捷鍵的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:51cto.com。如有侵權,請聯絡admin@php.cn刪除