Webstorm常用快捷鍵備忘(Webstorm入門指南)
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的JavaSscript IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。
Mac版Webstorm
macz.com/mac/2245.html?id=MTMwMjcxJl8mMjcuMTg2LjExLjk%3D
win版 Webstorm
soft.macxf.com/soft/2725.html?id=Mjk1ODM%3D
常用快捷鍵—Webstorm入門指南
提高程式碼編寫效率,離不開快捷鍵的使用,Webstorm擁有豐富的程式碼快速編輯功能,你可以自由配置功能快捷鍵。
windows下的設定方法
快捷鍵配置
點選“File”-> “settings”
Webstorm預置了其他編輯器的快捷鍵配置,可以點選
預設配置-Eclipse的常用快捷鍵對照表
查詢/代替
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+shift+N | ctrl+shift+R | 透過檔名快速查詢工程內的檔案(必記) |
ctrl+shift+alt+N | ctrl+shift+alt+N | 透過一個字元快速查詢位置(必記) |
ctrl+F | ctrl+F | 在檔案內快速查詢程式碼 |
F3 | ctrl+K | 查詢下一個 |
shift+F3 | ctrl+shift+K | 查詢上一個 |
ctrl+R | ctrl+F | 檔案內程式碼替換 |
ctrl+shift+R |
|
指定目錄內程式碼批次替換 |
ctrl+shift+F | ctrl+H | 指定目錄內程式碼批次查詢 |
介面操作
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+shift+A | ctrl+shift+A | 快速查詢並使用編輯器所有功能(必記) |
alt+[0-9] | alt+[0-9] | 快速拆合功能介面模組 |
ctrl+shift+F12 | ctrl+shift+F12 | 最大區域顯示程式碼(會隱藏其他的功能介面模組) |
alt+shift+F | alt+shift+F | 將當前檔案加入收藏夾 |
ctrl+alt+s | ctrl+alt+s | 開啟配置視窗 |
ctrl+tab | ctrl+tab | 切換程式碼選項卡(還要進行此選擇,效率差些) |
alt+←/→ | alt+←/→ | 切換程式碼選項卡 |
ctrl+F4 | ctrl+F4 | 關閉當前程式碼選項卡 |
程式碼編輯
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+D | ctrl+shift+↑ | 複製當前行 |
ctrl+W | alt+shift+↑ | 選中單詞 |
ctrl+←/→
|
ctrl+←/→
|
以單詞作為邊界跳游標位置 |
alt+insert | alt+insert | 新建一個檔案或其他 |
ctrl+alt+L | ctrl+alt+L | 格式化程式碼 |
shift+tab/tab | shift+tab/tab | 減少/擴大縮排(可以在程式碼中減少行縮排) |
ctrl+Y | ctrl+D | 刪除一行 |
shift+enter | shift+enter | 重新開始一行(無論游標在哪個位置) |
導航
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
esc | esc | 進入程式碼編輯區域 |
alt+F1 | alt+F1 | 查詢程式碼在其他介面模組的位置,頗為有用 |
ctrl+G | ctrl+L | 到指定行的程式碼 |
ctrl+]/[ | ctrl+]/[ | 游標到程式碼塊的前面或後面 |
alt+up/down | ctrl+shift+up/down | 上一個/下一個方法 |
MAC蘋果系統:
快捷鍵 | 作用 |
---|---|
command + d | 副本當前行或選中的區塊 |
command + f | 查詢當前文件 |
command + g | 跳轉到文件的某一行某一列 |
command + p | 顯示引數資訊 |
command + r | 替換當前文件 |
command + w | 選中當前單詞、行、區塊等 |
command + y | 刪除整行 |
command + mouseover | 顯示主要資訊 |
command + [ | 移動游標到程式碼塊前 |
command + ] | 移動游標到程式碼塊尾 |
command + + | 摺疊區塊 |
command + - | 展開區塊 |
command + -> | 游標移到行尾 |
command + <- | 游標移到行頭 |
快捷鍵 | 作用 |
---|---|
command + option + t | 將程式碼以某種格式包括起來 |
command + option + l | 將程式碼格式化 |
快捷鍵 | 作用 |
---|---|
command + shift + u | 切換大小寫 |
command + shift + [ | 選中到程式碼塊前 |
command + shift + ] | 選中到程式碼塊尾 |
command + shift + + | 摺疊所有區塊 |
command + shift + - | 展開所有區塊 |
快捷鍵 | 作用 |
---|---|
shift + return | 在任意位置換行 |
shift + F6 | 高階修改,可快速修改游標所在的標籤、變數、函式等 |
control + shift + f | find in path |
control + shift + j | 合併行 |
control + shift + r | replace in path |
快捷鍵 | 作用 |
---|---|
option + delete | delete to word start |
option + fn + delete | delete to word end |
option + -> | 以單詞為單位移動游標 |
option + <- | 以單詞為單位移動游標 |
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70010658/viewspace-2906406/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Webstorm 常用快捷鍵WebORM
- webstorm常用快捷鍵(常用)WebORM
- webstorm 快捷鍵WebORM
- webstorm軟體的常用快捷鍵WebORM
- webStorm快捷鍵大全WebORM
- 1、webstorm快捷鍵:WebORM
- 轉webstorm的快捷鍵WebORM
- html5 webstorm 快捷鍵HTMLWebORM
- PhpStorm、WebStorm 及其他系列 IDE 快捷鍵PHPORMWebIDE
- Intellij Idea/Webstorm/Phpstorm 的高效快捷鍵IntelliJIdeaWebORMPHP
- webstorm中程式碼新增單引號、雙引號快捷鍵WebORM
- WebStormWebORM
- grunt in webstormWebORM
- webstorm(三):webstorm的一些waring提示WebORM
- webstorm 啟用WebORM
- webstorm設定WebORM
- webstorm啟用WebORM
- webstorm license keyWebORM
- webstorm總結WebORM
- webstorm使用技巧WebORM
- phpstorm常用快捷鍵(自備不全)PHPORM
- Webstorm解除版本控制WebORM
- webstorm入手筆記WebORM筆記
- WebStorm註冊碼WebORM
- 原因:MAC下webstorm輸入中文非常卡MacWebORM
- WebStorm註冊碼+WebStorm破解版漢化最新「相容macos14」WebORMMac
- 常用快捷鍵
- webStorm外掛推薦WebORM
- WebStorm 2021教程WebORM
- 前端chrome和webstorm技巧前端ChromeWebORM
- webstorm關閉ESLintWebORMEsLint
- webstorm 斷點除錯WebORM斷點除錯
- 在webstorm中配置lessWebORM
- WebStorm程式設計工具WebORM程式設計
- Webstorm 外掛開發WebORM
- webstorm 外掛推薦WebORM
- RubyMine和WebStorm到貨WebORM
- Java入門學習手冊之Eclipse常用快捷鍵彙總JavaEclipse