Webstorm常⽤快捷键
代码编辑
代码跳转: Ctrl + 左键 或者 Ctrl + B，可以跳转到函数或者变量的声明位置
调⽤位置: Alt + F7，查调⽤者
⾃动补全: 最好是修改⼀下响应时间，Settings->Editors->General->Code Completing: Autopopup in 0.
打开⽂件: Ctrl + Shift + N
打开类: Ctrl + N
打开函数: Ctrl + F12
“超级”打开: 双击 shift，可以 search anywhere.
复制整⾏: Ctrl + D
删除整⾏: Ctrl + Y
折叠当前块: Ctrl + “-”，折叠当前块以及⼦块: Ctrl + Alt + “-”，折叠全部块: Ctrl + Shift + “-”
展开, 把折叠的快捷键换成”+”
选择: Ctrl + W，会从⼩到⼤逐渐扩⼤。⽐如按⼀次，选中word，按两次，选择表达式, 三次, 整个函数
重构
改名: Shift + F6，修改函数名，变量名，⽂件名，同时修改所有引⽤的位置.
移动⽂件: F6, 并修改⽂件的引⽤位置, 包括 html 和 js⽂件
抽取函数: Ctrl + Alt + M，整块代码抽取成函数
抽取变量: Ctrl + Alt + V，当前选中抽取为变量
移动整块代码: Ctrl + Shift + ↑↓
包裹: Ctrl + Alt + T，外层包裹，⽐如 if、try catch等
webstorm设置技巧
如何更改主题（字体&配⾊）:
File -> settings -> Editor -> colors&fonts -> scheme name.
如何让webstorm启动的时候不打开⼯程⽂件：
File -> Settings->General去掉Reopen last project on startup.
如何完美显⽰中⽂：
File -> Settings->Appearance中勾选Override default fonts by (not recommended)，设置Name:NSimSun，Size:12
如何显⽰⾏号：
File -> Settings->Editor，”Show line numbers”打上勾，就显⽰⾏号了
如何代码⾃动换⾏：
File -> settings -> Editor “Use Soft Wraps in editor” 打上钩，代码就⾃动换⾏了
如何点击光标，显⽰在本⾏末尾：
File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就⾏了。
如何修改快键键：
File -> Settings->Keymap，然后双击要修改快捷的功能会有提⽰框出来，按提⽰操作
换成⾃⼰熟悉编辑器的快键键：
File ->Settings->Keymap，⽀持像Visual Studio、Eclipse、NetBeans这样的主流IDE。
在开发js时发现，需要ctrl + return 才能选候选项：
File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改为 “Always”
js提⽰⽐较迟缓
File -> Code Completion -> Autopopup in 下 1000改为0
git配置：
File -> settings -> Editor -> github，进去改github的账户，如果没有git则不需要.
插件安装：
File ->plugins，然后就选择给⼒的插件们再安装.(“css-X-fire”插件,⽤于当使⽤firebug修改css属性时，编辑器内的css代码也会发⽣变化。）
以后更新
webstorm使⽤⼼得
收藏夹功能:
当⼯程⽬录很庞⼤时，有些⼦⽬录很经常打开，但层级⼜很深，这时候可以把⽬录添加到收藏夹⾥⾯，添加成功后，左侧有
个“Favorites”菜单
⾯包屑导航：
除了左侧的⼯程页⾯，可以选择⽬录之外，在顶部菜单下有⼀个类似⽹站⾯包屑导航⼀样的⽬录也可以实现相同功。点击每个⽬录就会有下拉菜单显⽰其下的⼦⽬录，很实⽤.
构造器界⾯:
注释符合格式的话就会出现。如果是js⽂件则是js类的函数和对象；css⽂件的话则是这个css⽂件的概括；html⽂件的话则是节点的结构图。话说这⼏个就是为了⽅便查看代码的结构性.
todo界⾯：
给代码加todo注释就会出现这个界⾯
双栏代码界⾯：
右击代码选项卡上的⽂件，然后右键 -> spilt vertically(左右两屏)或者spilt horizontally(上下两屏)
本地历史功能:
回代码的好办法
WebStorm集成git使⽤
webstorm中只集成了git的常⽤操作，并不能完全替代命令⾏⼯具。在界⾯的右下⾓可以查看处于哪个git分⽀。也可以在上⾯点击切换或者新建分⽀。
查看当前代码与版本库代码的差异:
右击代码界⾯任意区域，选择git -> compare with然后选择要⽐较的版本库。
webstorm快捷键说明
Editing编辑相关快捷键
Ctrl + Space：
Basic code completion (the name of any class, method or variable) 基本代码完成（任何类、函数或者变量名称），改为Alt+S
Ctrl + Shift + Enter：
Complete statement 补全当前语句
Ctrl + P：
Parameter info (within method call arguments) 参数信息 包括⽅法调⽤参数
Show description of error or warning at caret 显⽰光标所在位置的错误信息或者警告信息
Alt + Insert
Generate code…（Getters, Setters, Constructors）新建⼀个⽂件或者⽣成代码，…构造函数，可以创建类⾥⾯任何字段的getter 与setter⽅法
Ctrl + O
Override methods 重载⽅法
Ctrl + I
Implement methods 实现⽅法
Ctrl + Alt + T
Surround with…（if, else, try, catch, for, etc）⽤ * 来围绕选中的代码⾏，（ * 包括 if 、 while 、 try catch 等）
Ctrl + /
Comment/uncomment with line comment ⾏注释/取消⾏注释
Ctrl + Shift + /
Comment/uncomment with block comment 块注释/取消块注释
Ctrl + W
Select successively increasing code blocks 选择代码块，⼀般是增量选择
Ctrl + Shift + W
Decrease current selection to previous state 上个快捷键的回退，减量选择代码
Alt + Q
Context info 上下⽂信息
Alt + Enter
Show intention actions and quick-fixes 意图⾏动，快速见效
Ctrl + Alt + L
Reformat code 根据模板格式对代码格式化
Tab/ Shift + Tab
Indent/unindent selected lines 对所选⾏进⾏缩排处理/撤销缩排处理
Ctrl + X or Shift + Delete
Cut current line or selected block to clipboard 剪切当前⾏或所选代码块到剪切板
Ctrl + C or Ctrl + Insert
Copy current line or selected block to chipboard 拷贝当前⾏或者所选代码块到剪切板
Ctrl + V or Shift + Insert
Paste from clipboard 粘贴剪切板上的内容
Ctrl + Shift + V
Paste from recent buffers 粘贴缓冲器中最新的内容
Ctrl + D
Duplicate current line or selected block 复制当前⾏或者所选代码块
Ctrl + Y
Delete line at caret 删除光标所在位置⾏
Ctrl + Shift + J
Smart line split（HTML and JavaScript only）分离智能⾏ （HTML 和JavaScript）
Shift + Enter
Start new line 另起⼀⾏
Ctrl + Shift + U
Toggle case for word at caret or selected block 光标所在位置⼤⼩写转换
Ctrl + Shift + ]/[
Select till code block end/start 选择直到代码块结束/开始
Ctrl + Delete
Delete to word end 删除⽂字结束
Ctrl + Backspace
Delete to word start 删除⽂字开始
Ctrl + NumPad+/-
Expand/collapse code block 扩展/缩减代码块
Ctrl + Shift+ NumPad+
Expand all 扩张所有
Ctrl + Shift+ NumPad-
Collapse 缩减所有
Ctrl + F4
Close active editor tab 关闭活跃编辑标签
Search/replace搜索/替代相关快捷键
Ctrl + F
Find 当前⽂件内快速查代码
Ctrl + Shift + F
Find in path 指定⽂件内寻路径
F3
Find next 查下⼀个
Shift + F3
Find previous 查上⼀个
html导航源码
Ctrl + R
Replace 当前⽂件内代码替代
Ctrl + Shift + R
Replace in path 指定⽂件内代码批量替代
Usage Search搜索相关快捷键
Alt + F7/Ctrl + F7
Find usages/Find usages in file 到使⽤/在⽂件到使⽤
Ctrl + Shift + F7
Highlight usages in file⽂件中精彩使⽤
Ctrl + Alt + F7
Alt + Shift + F10
Select configuration and run 选择构架，运⾏
Alt + Shift + F9
Select configuration and debug 选择构架，修补漏洞
Shift + F10
Run 运⾏
Shift + F9
Debug 修补漏洞
Ctrl + Shift + F10
Run context configuration from editor 从编辑运⾏内容构架
Ctrl + Shift + X
Run command line 运⾏命令⾏
Debugging Debugging相关快捷键
F8
Step over 不进⼊函数
F7
Step into 单步执⾏
Shift + F7
Smart step into 智能单步执⾏
Shift + F8
Step out 跳出
Alt + F9
Run to cursor 运⾏到光标处
Alt+ F8
Evaluate expression 评估表达
F9
Resume program 重新开始程序
Ctrl + F8
Toggle breakpoint 切换断点
Ctrl + Shift + F8
View breakpoints 查看断点
Navigation 定位相关快捷键
Ctrl + N
to class跳转到指定类
Ctrl + Shift + N
Go to file 通过⽂件名快速查⼯程内的⽂件
Ctrl + Alt +Shift + N
Go to symbol 通过⼀个字符查函数位置
Alt + Right/ left

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。