美文网首页
Windows_VS Code快捷

Windows_VS Code快捷

作者: Eyes_cc | 来源:发表于2020-04-05 18:14 被阅读0次
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 + ] 右移

相关文章

网友评论

      本文标题:Windows_VS Code快捷

      本文链接:https://www.haomeiwen.com/subject/rlzuphtx.html