大家好，又见面了，我是你们的朋友全栈君。
WebStorm 是jetbrains公司旗下一款
JavaScript 开发工具。被广大中国JS开发者誉为“Web
前端开发神器”、“最强大的
HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能.
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版本升级列表
转载于:https://www.cnblogs.com/cina33blogs/p/6805862.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/142653.html原文链接：https://javaforall.net
