vs-code常用快捷键

jsx不支持现标签自动补齐
1、点击文件 — 首选项 — 设置
2、搜索emmet.triggerExpansionOnTab
3、修改emmet.triggerExpansionOnTab属性如下图

常用快捷键
1、! 建立H5页面结构

2、div#info 新建标签及id

div.info 新建标签及class

a[href=’#’] 新建超链接及class

3、div#warp>ul>li*10 后代用>连接

4、div#warp>p.one+span.two 兄弟：+

5、^ 可以使该符号前的标签提升一行（换行符）

6、通过嵌套和括号快速生成一些代码块

7、自增符号$ 如ul>li.item$*5,即li的class会依次为item1,item2,…item5

ul>li.item$@-*5 倒序

8、多个类 缩写：p.class1.class2.class3

9、css快捷键，基本是单词缩写+数值+tab

10、ctrl + d 选择同样元素

11、行首 tab 缩进，shift + tab 减少缩进
大小写设置
1、文件 — 首选项 — 键盘快捷方式
2、搜索转换
3、绑定键；如：①、shift+m；②、shift+n