VSCode的一些操作（二）

生成固定结构：
新建的html文件是什么内容都没有的空文件，每次新建之后我们都要写那一坨一模一样的固定结构，但是又懒得去记那十几行的东西
在VSCode中编辑.html文件只需要输入一个 感叹号!(英文的) 然后一回车就可以自动生成这个固定结构了：

然后生成之后光标的位置是在width那里，按Tab键可以将光标跳转到下一个位置
当然也可以直接用鼠标点

 

注释：
按 Ctrl + \ 可以直接添加注释，如图所示：
单行：

多行：

 

 

接下来是本篇的核心内容：
HTML部分：
生成标签直接输标签名回车即可：

生成多个相同标签输标签名之后输个*后面加上个数：

 

 

父子级关系的标签用>连接：

兄弟关系的用+连接：

 

 

带有类名或id名的：

标签内部有内容的内容用{}括起来：

 

 

自增符号$：

 

 

CSS部分：
敲的时候直接敲缩写就好：