记一下webstorm快键键
程序员文章站
2022-07-07 23:42:39
#####新建文件````ctrl+alt+insert````#####结构速写````div>ul>li*4>p | div>h1+p | input:text | div.classname````#####结构速写2```span.box${我是标签}*3 | ul.menu>li*6>a[ ......
#####新建文件
````
ctrl+alt+insert
````
#####结构速写
````
div>ul>li*4>p | div>h1+p | input:text | div.classname
````
#####结构速写2
```
span.box${我是标签}*3 | ul.menu>li*6>a[href=#]{HTML}
```
#####CSS属性简写
````
fs = font-style | fz30 = font-size:30px | 首字母形式
````
#####快速写标签
````
标签名+tab
````
#####给选择的一行加上标签
````
ctrl+alt+t
````
#####多行编辑
````
alt+鼠标左键
````
#####连写属性
```
f+ | bd+ | bg+
```
#####代码整理
```
ctrl+alt+l
```
#####快速转换大/小写
```
ctrl+shift+u
```
#####全局查找
```
shift+shift
```
|用来分隔不同的示例,在webstorm中敲下按tab键即可看到效果,语法规律也一眼就可以看出来
上一篇: 有关css的选择器优先级以及父子选择器
推荐阅读