首页 开发工具 webstorm 值得收藏的WebStorm快捷键

值得收藏的WebStorm快捷键

Nov 29, 2019 pm 03:04 PM
webstorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

值得收藏的WebStorm快捷键

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+F:查找内容

 ● 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+→ 向右选中文本

 ● 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 删除整行

 ● Ctrl+/ 注释单行

 ● Ctrl+Shift+/ 注释多行

 ● Ctrl+J 合并选中的多行代码为一行。举个栗子:将多行格式的CSS属性合并为一行

 ● Ctrl+Shift+D 复制光标所在整行,插入到下一行

 ● Tab 向右缩进

 ● Shift+Tab 向左缩进

 ● Ctrl+K+U 转换大写

 ● Ctrl+K+L 转换小写

 ● Ctrl+Z 撤销

 ● Ctrl+Y 恢复撤销

 ● Ctrl+U 软撤销,感觉和 Gtrl+Z 一样

 ● Ctrl+F2 设置书签

 ● Ctrl+T 左右字母互换

 ● F6 单词检测拼写

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+5 等分4屏

 ● Alt+Shift+8 垂直分屏-2屏

 ● Alt+Shift+9 垂直分屏-3屏

 ● 或右键已打开标签,选择垂直拆分or水平拆分

 ● Ctrl+K+B 开启/关闭侧边栏

 ● F11 全屏模式

 ● Shift+F11 免打扰模式

 ● Ctrl+Tab 按文件浏览过的顺序,切换当前窗口的标签页

 ● Ctrl+PageDown 向左切换当前窗口的标签页

 ● Ctrl+PageUp 向右切换当前窗口的标签页

本文来自 webstorm教程 栏目,欢迎学习!

以上是值得收藏的WebStorm快捷键的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

webstorm闪退怎么解决 webstorm闪退怎么解决 Apr 08, 2024 pm 02:24 PM

解决 WebStorm 闪退问题的步骤:检查更新;重新启动计算机;禁用插件;重置设置;清除缓存;检查防火墙和防病毒软件;重新安装 WebStorm;联系支持团队。

webstorm怎么连接数据库 webstorm怎么连接数据库 Apr 08, 2024 pm 03:42 PM

可以通过以下步骤使用 WebStorm 连接数据库:1. 打开数据库工具窗口;2. 创建数据源;3. 连接到数据源;4. 查询数据库;5. 浏览表和数据;6. 编辑数据库对象;7. 管理用户和权限。

webstorm怎么运行jsp项目 webstorm怎么运行jsp项目 Apr 08, 2024 pm 03:39 PM

可以通过以下步骤在 WebStorm 中运行 JSP 项目:创建一个 Java Web 项目。配置项目,添加 Web 和 Java EE facet。在 "src/main/webapp" 目录中创建 JSP 文件。编写 JSP 代码,包括 HTML、Java 和 JSP 标签。部署并运行项目。在浏览器中输入应用程序上下文根目录访问 JSP 页面。

如何重启webstorm 如何重启webstorm Apr 08, 2024 pm 07:15 PM

要重启 WebStorm,请按照以下步骤操作:使用快捷键:Windows/Linux:Ctrl + Shift + A,macOS:Cmd + Shift + A。在搜索字段中输入“重新启动”,然后选择“重新启动”。使用菜单:点击“文件”菜单,选择“重新加载”下的“重新启动”。使用任务管理器:在任务管理器或强制退出应用程序窗口中,选择 WebStorm 进程,然后点击“重启”或“重新启动”。

webstorm怎么自动换行 webstorm怎么自动换行 Apr 08, 2024 pm 03:48 PM

WebStorm 提供自动换行功能,可将代码分行提高可读性。其规则包括:1. 分行长表达式和语句;2. 分行方法调用;3. 分行函数和类定义。用户可自定义设置,如最大行长、缩进类型和快捷键。不过,自动换行可能不适用于单行注释或字符串字面值,且会影响代码格式,建议在应用前仔细审查。

webstorm自动换行在哪 webstorm自动换行在哪 Apr 08, 2024 pm 08:09 PM

WebStorm 中可以通过以下步骤设置自动换行:勾选 "Wrap lines" 复选框并设置最大行宽。选择自动换行规则:无、任意位置换行、关键字后换行。可选设置:保留手动换行、回车后自动换行。应用设置并关闭设置窗口。注意:此设置适用于所有文件类型,特定文件类型可单独设置。

webstorm和vscode哪个好用 webstorm和vscode哪个好用 Apr 08, 2024 pm 07:33 PM

对于专注于 Web 开发,追求深度功能的开发者,WebStorm 是更佳选择;而重视可定制性、轻量级和多语言支持的用户则更适合 VSCode。

webstorm怎么登录 webstorm怎么登录 Apr 08, 2024 pm 04:45 PM

登录 WebStorm 的步骤:1. 打开 WebStorm;2. 选择 GitHub 或 JetBrains 账户登录;3. 输入凭据;4. 授权访问账户;5. 完成登录。

See all articles