sublime / vscode 快捷生成HTML代码的实现

目录
基本html结构
生成div加类名的快捷键
带类名的div
带id的div
属性 []
后代 >
兄弟 +
上级 ^
乘法 *
文本 {}
自增符 $
隐式转换

基本html结构

输入 !+Enter

1
2
3
4
5
6
7
8
9
10
11
12

    
    
    
    


     

生成div加类名的快捷键

输入 div.list>div.item_$*6

1
2
3
4
5
6
7
8

带类名的div

输入 div.wrapper

1

带id的div

div#wrapper

1

属性 []

span[title=“test”]

1

后代 >

输入div>span>a

1

兄弟 +

div+p+span

1
2
3

上级 ^

div>span^i

1
2

乘法 *

ul>li*2

1
2
3
4

    

    

文本 {}

div>span{this is test}

1

自增符 $

ul>li.list_${list $}*3

1
2
3
4
5

    
• list 1

    

• list 2

    

• list 3

ul>li.item$@3*3 “@3” （表示从3开始计数）

1
2
3
4
5

    
• list 1

    

• list 2

    

• list 3

隐式转换

.class

1

ul>.item

1
2
3

    

table>.row>.col

1
2
3
4
5

    

        

    

到此这篇关于sublime / vscode 快捷生成HTML代码的实现的文章就介绍到这了,更多相关vscode 快捷生成HTML内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！