Michael

写写代码,说说人生

您好,我是Michael,欢迎来到我的个人家园。
代码搬运工,目前就职于XX证券,努力修行中。


H5 / Java / Objc / Swift / Vue / RN

WebStorm常用快捷键

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

快捷键配置

点击File -> settings,Webstorm预置了其他编辑器的快捷键配置,可以点击配置。

默认配置-Eclipse的常用快捷键对照表

查找/代替

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

界面操作

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

代码编辑

WebStorm快捷键 Eclipse快捷键 说明
Ctrl + D Ctrl + Shift + ↑ 复制当前行
Ctrl + W Alt + Shift + ↑ 选中单词
Ctrl + ←/→ Ctrl + ←/→ 以单词作为边界跳光标位置
Alt + Insert Alt + Insert 新建一个文件或其他
Ctrl + Alt + L Ctrl + Alt + L 格式化代码
Shift + Tab/Tab Shift + Tab/Tab 减少/扩大缩进(可以在代码中减少行缩进)
Ctrl + Y Ctrl + D 删除一行
Shift + Enter Shift + Enter 重新开始一行(无论光标在哪个位置)

导航

WebStorm快捷键 Eclipse快捷键 说明
Esc Esc 进入代码编辑区域
Alt + F1 Alt + F1 查找代码在其他界面模块的位置,颇为有用
Ctrl + G Ctrl + L 到指定行的代码
Ctrl + ]/[ Ctrl + ]/[ 光标到代码块的前面或后面
Alt + up/down Ctrl + Shift + up/down 上一个/下一个方法
最近的文章

用Bootstrap 3 制作高度相同的 div (column)

排版网页时,常常会碰到的一个需求,就是希望左右栏位的高度可以相同。而让栏位的高度相同已经不是什麽新奇的事了,所以今天要分享的是,当你使用 Bootstrap Grid 制作作网页时,该如何将这个效果套用在 Bootstrap 里。会想分享这样的内容,也是因为之前在上 RWD入门与实战时,有同学问过这样的问题。所以就写成一篇文章分享给大家萝!使用 flex 让 column 高度相同第一个最简单的方法,就是使用display: flex让所有栏位的高度相同。但flex有一个令人哀伤的事实:他...…

Web前端-BootStrap继续阅读
更早的文章

关于网站访问次数统计 - 卜算子统计

个人网站访问次数统计,可以植入以下代码:<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>本站总访问量<span id="busuanzi_value_site_pv"></span>次<br/>本站访客数<span id="busuanzi_value_site_uv"></span>...…

博客建设继续阅读