常用快捷键—Webstorm入门

提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。

快捷键配置

点击“File”-> “settings”   -> KeyMap 然后点击 copy 然后就可以自己修改了,Webstorm预置了其他编辑器的快捷键配置,如eclipse。


界面操作

快捷键 说明
ctrl+shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F 在文件内快速查找代码
F3 查找下一个
shift+F3 查找上一个
ctrl+R 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F 指定目录内代码批量查找
ctrl+R 文件内代码替换
快捷键 说明
ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
alt+[0-9] 快速拆合功能界面模块
ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F 将当前文件加入收藏夹
ctrl+alt+s 打开配置窗口
ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
alt+<-或-> 切换代码选项卡

界面操作

快捷键 说明
ctrl+shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F 在文件内快速查找代码
F3 查找下一个
shift+F3 查找上一个
ctrl+R 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F 指定目录内代码批量查找
ctrl+R 文件内代码替换

代码编辑

快捷键 说明
ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
alt+[0-9] 快速拆合功能界面模块
ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F 将当前文件加入收藏夹
ctrl+alt+s 打开配置窗口
ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
alt+<-或-> 切换代码选项卡
ctrl+F4 关闭当前代码选项卡

导航

快捷键 说明
ctrl+D 复制当前行
ctrl+W 选中单词
ctrl+<-或-> 以单词作为边界跳光标位置
alt+Insert 新建一个文件或其他
ctrl+alt+L 格式化代码
shift+tab/tab 减少/扩大缩进(可以在代码中减少行缩进)
ctrl+Y 删除一行
shift+enter 重新开始一行(无论光标在哪个位置)

建议配置版本控制快捷键

快捷键 说明
esc 进入代码编辑区域
alt+F1 查找代码在其他界面模块的位置,颇为有用
ctrl+G 到指定行的代码
ctrl+]/[ 光标到代码块的前面或后面
alt+up/down 上一个/下一个方法
快捷键 说明
ctrl+C 提交代码
ctrl+p 向远程版本库推送更新
ctrl+G 到指定行的代码
ctrl+]/[ 光标到代码块的前面或后面
alt+up/down 上一个/下一个方法

webstorm常用快捷键的更多相关文章

  1. webstorm常用快捷键及(idea,phpstorm,android studio通用)使用技巧

    webstorm常用快捷键 ctrl+l 格式化代码 ctrl+shift+ -/+键   折叠/展开所有代码 打开file:ctrl+shift+n 打开一个类:ctrl+n 代码提示:Ctrl+a ...

  2. 【IDE】WebStorm常用快捷键

    WebStorm常用快捷键 1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件. 2. ctrl + j: 输出模板 3. ctrl + b: 跳到变量申明 ...

  3. webstorm常用快捷键及插件

    子曰:工欲善其事,必先利其器.那么问题来了,前端开发用什么比较好? 我反正用的是webstorm,之前也花了一些时间看看别人的使用方式.下面分类介绍一下. 常用快捷键: double shift : ...

  4. WebStorm常用快捷键总结

    在使用WebStorm的过程中,常用快捷键整理: 1.  必备快捷键 Ctrl+/:注释当前行 Ctrl+Shift+/:当前位置插入注释 Ctrl+Alt+/:块注释,并Focus到首行,写注释说明 ...

  5. Webstorm常用快捷键备忘(Webstorm入门指南)

    WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为“Web前端开发神器”.“最强大的HTML5编辑器”.“最智能的JavaSscript IDE ...

  6. webstorm快捷键大全-webstorm常用快捷键

    默认配置下的常用快捷键,提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键. Webstorm预置了其他编辑器的快捷键配置,可以点击 查找/代替 ...

  7. Webstorm常用快捷键备忘

    WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为“Web前端开发神器”.“最强大的HTML5编辑器”.“最智能的JavaSscript IDE ...

  8. windows WebStorm常用快捷键记录,常用的都在这儿找扒

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Webstorm version 2018.2  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1. Ctrl + Shift + ...

  9. webstorm 常用快捷键

    webstorm应该是目前最强的js编辑器了,结合sublime text可以很效率的开发项目.今天整理了一些webstorm比较实用的快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释(// ...

随机推荐

  1. 安装 Visual Studio Web Tools 的奇怪问题

    安装Microsoft ASP.NET 5 RC 1 时提示 0x80070005 - 拒绝访问 日志文件为 [1968:3F64][2015-11-20T10:08:36]i010: Launchi ...

  2. AngularJS笔记--自定义指令

    在前端开发中, 我们会遇到很多地方都会用到同一种类型的控件.AngularJS提供了自定义指令功能,我们可以在指令里面定义特定的html模板.提供给前台html调用. 一. 指令的简单定义.  下面定 ...

  3. bzoj-4518 4518: [Sdoi2016]征途(斜率优化dp)

    题目链接: 4518: [Sdoi2016]征途 Description Pine开始了从S地到T地的征途. 从S地到T地的路可以划分成n段,相邻两段路的分界点设有休息站. Pine计划用m天到达T地 ...

  4. Python的hasattr() getattr() setattr() 函数使用方法详解

    hasattr(object, name)判断一个对象里面是否有name属性或者name方法,返回BOOL值,有name特性返回True, 否则返回False.需要注意的是name要用括号括起来 1 ...

  5. 通过端口 8080 连接到主机 localhost 的 TCP/IP 连接失败

    错误:“connect timed out.请验证连接属性,并检查 SQL Server 的实例正在主机上运行,且在此端口接受 TCP/IP 连接,还要确保防火墙没有阻止到此端口的 TCP 连接.”这 ...

  6. 2016的ChinaJoy沦为ChinaVR?

    China Joy已沦为ChinaVR,厂商烧钱参加? 在上海超过40度的高温天下,游戏爱好者们汗流满面地排起长队,拥挤地通过安检进入场馆,但是很快感受到了一丝凉意. ShowGirl少了 " ...

  7. Java开发环境的搭建以及使用eclipse从头一步步创建java项目

    一.java 开发环境的搭建 这里主要说的是在windows 环境下怎么配置环境. 1.首先安装JDK java的sdk简称JDK ,去其官方网站下载最近的JDK即可..http://www.orac ...

  8. ReactNative新手学习之路02第一个RN项目

    开始第一个RN项目(iOS版)我的电影列表0.1版,后面做列表版 打开上一节项目 index.ios.js,android打开index.android.js.我这里使用的是Atom编辑器,你也可以使 ...

  9. 使用Nancy.Host实现脱离iis的Web应用

    本篇将介绍如何使用Nancy.Host实现脱离iis的Web应用,在开源任务管理平台TaskManagerV2.0代码里面已经使用了Nancy.Host实现自宿主的Web应用.学习Nancy之前最好了 ...

  10. mstsc 远程序桌面登录的 c#开发

    public AxMSTSCLib.AxMsRdpClient rdpClient; rdpClient = new AxMSTSCLib.AxMsRdpClient(); rdpClient.Doc ...