WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽爲“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaSscript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。百度百科
現將最常用的快捷鍵挑出來備忘，既能方便記憶，又能提高工作效率。
| 快捷鍵 | 作用 |
|---|---|
| command + d | 副本當前行或選中的區塊 |
| command + f | 查找當前文檔 |
| command + g | 跳轉到文檔的某一行某一列 |
| command + p | 顯示參數信息 |
| command + r | 替換當前文檔 |
| command + w | 選中當前單詞、行、區塊等 |
| command + y | 刪除整行 |
| command + mouseover | 顯示主要信息 |
| command + [ | 移動光標到代碼塊前 |
| command + ] | 移動光標到代碼塊尾 |
| command + + | 摺疊區塊 |
| command + - | 展開區塊 |
| command + -> | 光標移到行尾 |
| command + <- | 光標移到行頭 |
| 快捷鍵 | 作用 |
|---|---|
| command + option + t | 將代碼以某種格式包括起來 |
| command + option + l | 將代碼格式化 |
| 快捷鍵 | 作用 |
|---|---|
| command + shift + u | 切換大小寫 |
| command + shift + [ | 選中到代碼塊前 |
| command + shift + ] | 選中到代碼塊尾 |
| command + shift + + | 摺疊所有區塊 |
| command + shift + - | 展開所有區塊 |
| 快捷鍵 | 作用 |
|---|---|
| shift + return | 在任意位置換行 |
| control + shift + f | find in path |
| control + shift + j | 合併行 |
| control + shift + r | replace in path |
| 快捷鍵 | 作用 |
|---|---|
| option + delete | delete to word start |
| option + fn + delete | delete to word end |
| option + -> | 以單詞爲單位移動光標 |
| option + <- | 以單詞爲單位移動光標 |
1、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 |
在當前行前面新建行 |
2、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中自動添加超鏈接 |