Windows_VS Code快捷

1、! 生成HTML的骨架

！+ 回车

2、直接写标签名（或者加#.[]等等）只要有提示，按ENTER就可以自动补全，无需写<>

div#box.red + 回车

<div id="box" class="red"></div>

div + 回车

<div></div>

#是加上id；. 是加上样式类class;

div.box>h2+(ul>li*5{$})

<div class="box">
        <H2></H2>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
    </div>

. 是加上样式类class; > 是里面有什么；+ 是和什么

script:src

<script src=""></script>

:是加上属性

3、

ctrl + / 单行注释,
.html中是单行注释; 在.css文件中是多行注释; 在.js中是单行注释;
shift + alt + A 块注释，
.html中是单行注释; 在.css文件中是多行注释; 在.js文件中是多行注释
shift + alt + F 代码格式化
ctrl + k + 0 代码收起
ctrl + k + J 代码展开
ctrl + [ 左移
ctrl + ] 右移