webstorm快捷方式
刚开始在使用webstrom的时候,不知道快捷方式,感觉自己把webstorm当做记事本使用,真的挺傻的,在朋友的指导下,原来webstorm有快捷方式
一、界面操作
| 快捷键 | 说明 |
| 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 | 上一个/下一个方法 |
2、webstorm快捷键:
IntelliJ-Idea 的快捷键
|
Ctrl+/ 或 Ctrl+Shift+/ |
注释(// 或者/*…*/ ) |
|
Shift+F6 |
重构-重命名 |
|
Ctrl+X |
删除行 |
|
Ctrl+D |
复制行 |
|
Ctrl+G |
查找行 |
|
Ctrl+Shift+Up/Down |
代码向上/下移动。 |
|
F2 或Shift+F2 |
高亮错误或警告快速定位 |
|
写代码,按Tab |
生成代码 |
|
选中文本,按Ctrl+Shift+F7 |
高亮显示所有该文本,按Esc高亮消失。 |
|
Ctrl+B |
快速打开光标处的类或方法 |
|
Ctrl+E |
最近打开的文件 |
|
Alt+F1 |
查找代码所在位置 |
|
Ctrl+Alt+L |
格式化代码 |
|
Ctrl+R |
替换文本 |
|
Ctrl+F |
查找文本 |
|
Ctrl+P |
方法参数提示 |
|
Ctrl+shift+c |
拷贝文件路径 |
|
Ctrl+alt+shift+c |
拷贝相关数据 包括路径和所在行 |
|
Ctrl+shift+v |
从历史记录中粘贴 |
|
ctrl+Y |
删除整行 |
|
ctrl+shift+enter |
新建行 |
|
ctrl+alt+enter |
在当前行前面新建行 |
3、zencoding-输入左边缩写,按下tab键就ok啦
|
html:5 |
html5结构 |
|
link:css |
引入css |
|
script:src |
引入js |
|
script |
html中插入js |
|
ul+ |
ul及一个li |
|
a:link |
<a href=”http://”></a> |
|
a:mail |
<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: |
3、window快捷键
|
序号 |
快捷键 |
功能 |
|
1 |
Windows+ “Space” |
透明化所有窗口,快速查看桌面 |
|
2 |
Windows+ “↑” |
使当前使用的窗口最大化 |
|
3 |
Windows+ “←” |
使当前使用中的窗口贴向屏幕左侧,只占用50%的显示器面积。 |
|
4 |
Windows + Shift+ “→” |
跨显示器右移窗口s |
|
5 |
Windows + Home |
突出显示当前窗口。最小化其他的非当前使用中的窗口 |
|
6 |
Windows + R |
打开运行。 |
|
7 |
CTRL+T |
功打开新标签。 |
|
8 |
Window+d |
最小化所有窗口 |
|
9 |
window+f |
搜索文件夹 |
|
10 |
window+e |
打开资源管理器 |
|
11 |
ctrl+n |
新建文件夹 |
|
12 |
ctrl+o |
打开“打开文件”的对话框 |
|
13 |
ctrl+p |
打印 |
|
14 |
ctrl+shift+l |
word中自动编号 |
|
15 |
ctrl+k |
word中自动添加超链接 |
这些是自己在网上找到的材料,我把它总结下来,希望能帮助刚开始学前段的朋友,快速的入门,以及快速的从事前端页面的开发中
webstorm快捷方式的更多相关文章
- 探索版 webstorm快捷方式
ctrl + alt + s 打开配置面板 Settings 国内的资料比较少,大概很多人已经放弃了原生快捷方式,不过我打算通关原生快捷方式. 在配置面板中 IDE S ...
- webstorm使用教程
Webstorm 超实用配置教程 原文来自:http://www.jianshu.com/p/4ce97b360c13 一.下载安装包 Webstorm 2017.1.4 百度云盘下载地址:https ...
- webstorm累计
websorm官网下载安装: 1.一下粗略截图说明,点击下一步下一步安装到合适的路径下. 2.next下一步下一步安装成功后弹出,点击ok就行. 2.再次运行webstorm快捷方式打开:界面如下: ...
- webstorm使用说明
1.移动光标到的代码块的结尾处(开始处 [ ) ctrl+] 2.移动光标到的代码块的结尾处并选择 ctrl+shift+] 3.ctrl + b: 跳到变量申明处 4.多光标输入: ...
- WebStorm安装和激活
1.下载解压,得到jetbrains webstorm 2018.2主程序,破解文件和中文语言包: 2.运行“WebStorm-2018.2.exe”开始安装,默认安装目录[C:\Program Fi ...
- Ubuntu+VMWare 学习中遇到的问题
1. 虚拟机中Ubuntu分辨率 / 设置分辨率出现Unknown Display VMware中Ubuntu 出现Unknown Display问题解决 1.1 命令无法保存分辨率设置: xrand ...
- ubuntu为IDE(Eclipse WebStorm)添加桌面快捷方式
在ubuntu15.10环境配置webstorm和eclipse的时候会下载官网上编译好的包, bin目录下面会有一个.sh文件(linux版本), 那么一般情况下,执行 ./sh就会启动IDE, 但 ...
- webstorm常用功能快捷方式
1 自动注释和撤销注释:ctrl+/ 在一句代码前面用 ctrl+/ 可以自动注释和撤销注释,js,html都可以,很好的省去了敲注释符的时间 (mac下为command+/,下同) 2 自动补全ht ...
- webstorm基础使用总结
webstorm基础使用总结(不仅仅是一堆快捷方式) 注:原文链接: 水车 : 本次写的内容是我想到那个就写那个,都是本人平时写代码的时候的一些习惯,未必是最好的,贵在交流! 1: shift+e ...
随机推荐
- oc学习之路----通过代码自定义cell
需求背景:由于tableView中每一个cell的数据与布局都不一样,故不能用xib实现功能,这是用代码写自定义cell就有必要了. 步骤 1.新建一个继承自UITableViewCell的类 2.重 ...
- PL/SQL基础
打印 hi set serveroutput on --打开输出开关 declare --说明部分(变量说明,光标申明或者例外说明) begin --程序 ...
- 包含块、层叠上下文、BFC
包含块 什么是包含块?简单来说,就是决定一个元素大小和定位的元素.一个元素会为它的内部元素创建包含块,但也不能说元素的包含块就是它的父元素: 1.position:fixed 的元素 包含块是当前可视 ...
- Android源码分析-消息队列和Looper
转载请注明出处:http://blog.csdn.net/singwhatiwanna/article/details/17361775 前言 上周对Android中的事件派发机制进行了分析,这次博主 ...
- Node.js&NPM的安装与配置(转)
Node.js安装与配置 Node.js已经诞生两年有余,由于一直处于快速开发中,过去的一些安装配置介绍多数针对0.4.x版本而言的,并非适合最新的0.6.x的版本 情况了,对此,我们将在0.6.x的 ...
- careercup-树与图 4.8
4.8 你有两棵非常大的二叉树:T1,有几百万个结点:T2,有几百个结点.设计一个算法,判断T2是否为T1的子树. 如果T1有这么一个结点n,其子树与T2一模一样,则T2C++实现代码: #inclu ...
- 关于Xcode7中的tbd文件
tbd 是 text-based stub libraries的意思, 是苹果在Xcode7中使用的一个技术,便于减少Xcode7中SDK的体积. 下面讲解下Xcode7如何通过tbd这个技术减少SD ...
- Storm 中遇到的问题
问题1. 在storm.yaml 中配置了4个slot,而在Storm UI上面看到了8个slot 解决:Storm.yaml 中配置错误,正确配置如下,- 和 6700 之间是有空格存在的,而在我 ...
- mysq优化参数详解:innodb_buffer_pool_size,innodb_file_per_table
Mysql配置参数: thread_pool:如果支持的话,使用线程池 innodb_buffer_pool_size:物理内存50%-70%最高80%独立实例,多实例:60% innodb_flus ...
- Java Inner class
2016-03-27 内部类:就是把一个类的定义放在另外一个外围类定义的里面. class OutterClass{ class InnerClass { } } 1. 内部类主要有四种:成员内部类( ...