WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最聰明的JavaScript IDE」等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。
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中文網其他相關文章!