WebStorm 是jetbrains公司旗下一款
JavaScript 开发工具。被广大中国JS开发者誉为“Web
前端开发神器”、“最强大的
HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能.
现将最常用的快捷键挑出来备忘,既能方便记忆,又能提高工作效率。
快捷键 |
作用 |
command + option + t |
将代码以某种格式包括起来 |
command + option + l |
将代码格式化 |
command + shift + u |
切换大小写 |
control + shift + j |
合并行 |
option + delete |
delete to word start |
option + fn + delete |
delete to word end |
option + -> |
以单词为单位移动光标 |
option + <- |
以单词为单位移动光标 |
Ctrl+Shift+/ |
/*…*/注释 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
编辑页面快捷键:
html:5 |
Html5结构 |
link:css |
引入css |
script:src |
引入js |
script |
html中插入js |
ul+ |
ul及一个li |
a:link |
<a href=”http://”></a> |
a:mail |
<a href=”mailto:“></a> |
form:get |
get表单 |
input:hidden |
hidden输入框 |
div#name |
id:name |
div.name |
class:name |
div.one.two |
class:one,two |
head>link:css |
head加link |
p+p |
两个p |
p*3 |
3个p |
ul>li.item$*6 |
创建ul下有个li同时class分别为item1,item2.。。 |
pos |
postion,组合可用pos:s|a|r|f |
t |
top,组合a auto |
r |
right,组合 a |
l |
left |
b |
bottom |
z |
z-index |
fl |
float |
cl |
clear |
d |
display 组合可用n|b|i|ib |
v |
visibility |
ov |
overflow |
zoo |
zoom:1 |
cp |
clip |
bx |
box-sizing |
bxsh:w |
-webkit-box-shadow: 0 0 0 #000; |
WebStorm快捷键(Mac版)
⌘——Command
⌃ ——Control
⌥——option
⇧——Shift
⇪——Caps Lock
fn——功能键就是fn
编辑
Command+option+T 用 (if..else, try..catch, for, etc.)包住
Command+/ 注释/取消注释的行注释
Command+option+/ 注释/取消注释与块注释
option+↑ 向上选取代码块
option+↓ 向下选取代码块
tab,shift+tab 调整缩进
Control+option+l 快速调整缩进 格式化代码
Command+C 复制
Command+X 剪切
Command+V 粘贴
Command+shift+V 从剪贴板里选择粘贴
Command+D 复制代码副本
Command+delete 删除当前行
shift+回车 快速换行
Command+回车 换行光标还在原先位置
Command+shift+U 大小写转换
Command+shift+[,Command+shift+] 文件选项卡快速切换
Command+加号,Command+减号 收缩代码块
Command+shift+加号,Command+shift+减号 收缩整个文档的代码块
Command+W 关闭当前文件选项卡
option+单击 光标在多处定位
Control+shift+J 把下面行的缩进收上来
shift + F6 高级修改,可快速修改光标所在的标签、变量、函数等
option+/ 代码补全
调试
Control+option+R 运行项目
Command+Control+R 运行Debug
Command+F8 添加断点
Command+shift+F8 打开断点列表
导航
Command+O 跳转到某个类
Command+shift+O 跳转到某个文件
Command+option+O 跳转到某个符号
Control+←,Control+→ 转到上/下一个编辑器选项卡
F12 打开之前打开的工具窗口(TODO、终端等)
Command+L 跳转行
Command+E 弹出最近文件
Command+option+←,Command+option+→ 向前向后导航到代码块交接处(一般是空行处)
Command+shift+delete 导航到上一个编辑位置的位置
Command+B 跳转到变量声明处
Control+J 获取变量相关信息(类型、注释等,注释是拿上一行的注释)
Command+Y 小浮窗显示变量声明时的行
Command+[,Command+] 光标现在的位置和之前的位置切换
Command+F12 文件结构弹出式菜单
option+H 类的层次结构
F2,shift+F2 切换到上\下一个突出错误的位置
Command+↑ 跳转到导航栏
F3 添加书签
option+F3 添加带助记的书签
option+1,option+2… 切换到相应助记的书签位置
Command+F3 打开书签列表
VCS/本地历史记录
control+V 打开VST小浮窗
Command+K 提交项目
Command+T 更新项目
option+shift+C 打开最近修改列表
搜索和替换
Command+F 搜索
Command+R 替换
Command+G 查找下一个
Command+shift+G 查找下一个
Command+shift+F 按路径搜索
Command+shift+R 按路径替换
选中文字的搜索
Command+F7 向声明的地方搜索并选中
Command+shift+F7 打开搜索框进行搜索
Command+option+F7 打开小浮窗显示搜索列表
对项目文件的操作(重构)
F5 复制文件到某个目录
F6 移动文件到某个目录
Command+delete 安全删除
shift+F6 重命名
全局的
双击shift 弹出小浮窗搜索所有
Command+切换项目 Command+shift+ 反向切换项目
Command+shift+A 整个工程的查找操作
Command+1,Command+2… 打开各种工具窗口
option+shift+F 把文件添加到收藏夹
option+shift+I 打开项目描述
option+~ 快速切换当前计划
Command+, 设置编辑器
Control+Tab 选项卡和工具窗口之间进行切换
alert+回车 显示npm版本升级列表
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/142653.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】:
Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】:
官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...