Webstorm快捷操作

时间:2023-12-10 18:42:50

设置和使用技巧:前端工具开发利器webstrom专篇...更新中

选中行上下移:cl+shift+上下箭头

展示文件结构图:view-tool_window-structure。具体的图标含义

生成注释目录

webstorm提供一个本地文件修改历史记录(快捷键:ALT+SHIFT+c,Mac中 ALT+Option+c)。也可以 Ctrl + E 弹出最近打开的文件。

js提示比较迟缓:

File -> Code Completion -> Autopopup in 下 1000改为0

收藏夹功能:

当工程目录很庞大时,有些子目录很经常打开,但层级又很深,这时候可以把目录添加到收藏夹里面,添加成功后,左侧有个“Favorites”菜单

构造器界面:

注释符合格式的话就会出现。如果是js文件则是js类的函数和对象;css文件的话则是这个css文件的概括;html文件的话则是节点的结构图。话说这几个就是为了方便查看代码的结构性.

todo界面:

给代码加todo注释就会出现这个界面

双栏代码界面:

右击代码选项卡上的文件,然后右键 -> spilt vertically(左右两屏)或者spilt horizontally(上下两屏)

快捷键:

ctrl+shift+alt+N:通过一个字符查找函数位置

通过文件名快速查找工程内的文件:Ctrl + Shift + N

文件内查找一套操作:ctrl+F  F3 shift+F3

指定目录内查找:ctrl+shift+F

文件内替换:ctrl+R

指定目录内替换:ctrl+shift+F

快速拆合功能界面模块:alt+[0-9]

最大区域显示代码(会隐藏其他的功能界面模块):ctrl+shift+F12

将当前文件加入收藏夹:alt+shift+F

关闭当前代码选项卡:ctrl+F4

复制当前行:ctrl+D

减少缩进:shift+tab

删除一行:ctrl+Y

重新开始一行:shift+enter

光标到代码块的前面或后面:ctrl+]/[

上一个/下一个方法:alt+up/down

找到使用/在文件找到使用:Alt + F7/Ctrl + F7 (在编辑器底部展示在哪里被用)

查看函数源代码:cl+shift+i

跳转到定义处:Ctrl + B or Ctrl + Click

跳转到后一个/前一个错误:F2/ Shift + F2

重新命名文件:Shift + F6

展开或折叠所有区块:ctl+shift+ -/+,折叠当前ctl+alt+ -/+