Webstorm的一些常用快捷键

本文提供了WebStorm编辑器的一系列高效快捷键,帮助开发者提升工作效率。涵盖了文件操作、代码导航、编辑辅助等功能,如Ctrl+Shift+N快速查找文件、Ctrl+B跳转变量声明等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下面是Webstorm的一些常用快捷键:
1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。
2. ctrl + j: 输出模板
3. ctrl + b: 跳到变量申明处
4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
5. ctrl + []: 匹配 {}[]
6. ctrl + F12: 可以显示当前文件的结构
7. ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容
8. alt + left/right:标签切换
9. ctrl + r: 替换
10. ctrl + shift + up: 行移动
11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)
12. ctrl + d: 行复制
13. ctrl + shift + ]/[: 选中块代码
14. ctrl + / : 单行注释
15. ctrl + shift + / : 块注释
16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
17. ctrl + '-/+': 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。
18. ctrl + '.': 折叠选中的代码的代码。
ctrl+/ 单行注释
ctrl+shift+/块注释
ctrl+shift+ +/-展开/折叠
ctrl+alt+L 格式化代码
ctrl+shift+ up/down 上下移动句子
Alt+回车 导入包,自动修正
Ctrl+N 查找类
Ctrl+Shift+N 查找文件
Ctrl+Alt+L 格式化代码
Ctrl+Alt+O 优化导入的类和包
Alt+Insert 生成代码(如get,set方法,构造函数等)
Ctrl+E或者Alt+Shift+C 最近更改的代码
Ctrl+R 替换文本
Ctrl+F 查找文本
Ctrl+Shift+Space 自动补全代码
Ctrl+空格 代码提示
Ctrl+Alt+Space 类名或接口名提示
Ctrl+P 方法参数提示
Ctrl+Shift+Alt+N 查找类中的方法或变量
Alt+Shift+C 对比最近修改的代码
Shift+F6 重构-重命名
Ctrl+Shift+先上键
Ctrl+X 删除行
Ctrl+D 复制行
Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/*...*/ )
Ctrl+J 自动代码
Ctrl+E 最近打开的文件
Ctrl+H 显示类结构图
Ctrl+Q 显示注释文档
Alt+F1 查找代码所在位置
Alt+1 快速打开或隐藏工程面板
Ctrl+Alt+ left/right 返回至上次浏览的位置
Alt+ left/right 切换代码视图
Alt+ Up/Down 在方法间快速移动定位
Ctrl+Shift+Up/Down 代码向上/下移动。
F2 或Shift+F2 高亮错误或警告快速定位
代码标签输入完成后,按Tab,生成代码。
选中文本,按Ctrl+Shift+F7 ,高亮显示所有该文本,按Esc高亮消失。
Ctrl+W 选中代码,连续按会有其他效果
选中文本,按Alt+F3 ,逐个往下查找相同文本,并高亮显示。
Ctrl+Up/Down 光标跳转到第一行或最后一行下
Ctrl+B 快速打开光标处的类或方法

 

### WebStorm 快捷键大全 以下是 WebStorm常用快捷键列表,涵盖了文件操作、代码编辑、搜索与替换等多个方面: #### 文件操作 - 通过文件名查找文件:`Ctrl+Shift+N`[^1] - 查找最近打开文件:`Ctrl+E`[^3] - 查看文件所在位置并打开文件:`Ctrl+Alt+F12`[^1] #### 代码编辑 - 多行同一位置同时处理:`Alt+鼠标点击`[^1] - 格式化代码:`Ctrl+Alt+L`[^1] - 删除整行:`Ctrl+Y`[^2] - 复制行:`Ctrl+D`[^2] - 代码向上/下移动:`Ctrl+Shift+Up/Down`[^1] - 新建行:`Ctrl+Shift+Enter` - 在当前行前面新建行:`Ctrl+Alt+Enter`[^2] #### 搜索与替换 - 当前页搜索:`Ctrl+F`[^1] - 全局搜索:`Ctrl+Shift+R`[^1] - 当前页替换:`Ctrl+R` - 指定目录内代码批量查找:`Ctrl+Shift+F`[^4] - 指定目录内代码批量替换:`Ctrl+Shift+R` - 查找下一个:`Ctrl+K`[^4] - 查找上一个:`Ctrl+Shift+K`[^4] - 全局查找(双击 Shift):`双击 Shift` #### 重构与导航 - 重构-重命名:`Shift+F6`[^2] - 跳转到上一处编辑的位置:`Ctrl+Shift+Backspace` - 快速打开光标处的类或方法:`Ctrl+B` - 显示类结构图:`Ctrl+H`[^3] - 查找代码所在位置:`Alt+F1`[^3] #### 其他功能 - 注释代码(单行或多行):`Ctrl+/` 或 `Ctrl+Shift+/` - 自动生成代码:`Ctrl+J` - 高亮错误或警告快速定位:`F2` 或 `Shift+F2` - 高亮显示所有选中文本:`Ctrl+Shift+F7` - 从历史记录中粘贴:`Ctrl+Shift+V`[^2] - 拷贝文件路径:`Ctrl+Shift+C` ### 示例代码块 以下是一个简单的代码示例,展示如何使用 WebStorm快捷键生成代码: ```html <ul> <li class="item$"></li> </ul> ``` 使用 `ul>li.item$*6` 并按下 `Tab` 键即可生成上述代码。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值