0

0

值得收藏的WebStorm快捷键

青灯夜游

青灯夜游

发布时间:2019-11-29 15:04:07

|

7919人浏览过

|

来源于51cto

转载

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 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等

Magic AI Avatars
Magic AI Avatars

神奇的AI头像,获得200多个由AI制作的自定义头像。

下载

 ● 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教程 栏目,欢迎学习!

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
html5动画制作有哪些制作方法
html5动画制作有哪些制作方法

html5动画制作方法有使用CSS3动画、使用JavaScript动画库、使用HTML5 Canvas等。想了解更多html5动画制作方法相关内容,可以阅读本专题下面的文章。

550

2023.10.23

HTML与HTML5的区别
HTML与HTML5的区别

HTML与HTML5的区别:1、html5支持矢量图形,html本身不支持;2、html5中可临时存储数据,html不行;3、html5新增了许多控件;4、html本身不支持音频和视频,html5支持;5、html无法处理不准确的语法,html5能够处理等等。想了解更多HTML与HTML5的相关内容,可以阅读本专题下面的文章。

471

2024.03.06

html5从入门到精通汇总
html5从入门到精通汇总

想系统掌握HTML5开发?本合集精选全网优质学习资源,涵盖免费教程、实战项目、视频课程与权威电子书,从基础语法到高级特性(Canvas、本地存储、响应式布局等)一应俱全,适合零基础小白到进阶开发者,助你高效入门并精通HTML5前端开发。

296

2025.12.30

html5新老标签汇总
html5新老标签汇总

HTML5在2026年持续优化网页语义化与交互体验,不仅引入了如<header>、<nav>、<article>、<section>、<aside>、<footer>等结构化标签,还新增了<video>、<audio>、<canvas>、<figure>、<time>、<mark>等增强多媒体与

228

2025.12.30

html5空格代码怎么写
html5空格代码怎么写

在HTML5中,空格不能直接通过键盘空格键实现,需使用特定代码。本合集详解常用空格写法:&nbsp;(不间断空格)、&ensp;(半个中文空格)、&emsp;(一个中文空格)及CSS的white-space属性等方法,帮助开发者精准控制页面排版,避免因空格失效导致布局错乱,适用于新手入门与实战参考。

107

2025.12.30

html5怎么做网站教程
html5怎么做网站教程

想从零开始学做网站?这份《HTML5怎么做网站教程》合集专为新手打造!涵盖HTML5基础语法、页面结构搭建、表单与多媒体嵌入、响应式布局及与CSS3/JavaScript协同开发等核心内容。无需编程基础,手把手教你用纯HTML5创建美观、兼容、移动端友好的现代网页。附实战案例+代码模板,快速上手,轻松迈出Web开发第一步!

165

2025.12.31

HTML5建模教程
HTML5建模教程

想快速掌握HTML5模板搭建?本合集汇集实用HTML5建模教程,从零基础入门到实战开发全覆盖!内容涵盖响应式布局、语义化标签、Canvas绘图、表单验证及移动端适配等核心技能,提供可直接复用的模板结构与代码示例。无需复杂配置,助你高效构建现代网页,轻松上手前端开发!

53

2025.12.31

html5怎么使用
html5怎么使用

想快速上手HTML5开发?本合集为你整理最实用的HTML5使用指南!涵盖HTML5基础语法、主流框架(如Bootstrap、Vue、React)集成方法,以及无需安装、直接在线编辑运行的平台推荐(如CodePen、JSFiddle)。无论你是新手还是进阶开发者,都能轻松掌握HTML5网页制作、响应式布局与交互功能开发,零配置开启高效前端编程之旅!

72

2025.12.31

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Web前端入门基础教程
Web前端入门基础教程

共251课时 | 41.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号