vscode的一些小操作

原文链接:https://blog.csdn.net/ycx60rzvvbj/article/details/105775469

生成固定结构:

在VSCode中编辑.html文件只需要输入一个 感叹号!(英文的) 然后一回车就可以自动生成固定结构了。
然后生成之后光标的位置是在width那里,按Tab键可以将光标跳转到下一个位置
当然也可以直接用鼠标点
在这里插入图片描述

注释:

按 Ctrl + \ 可以直接添加注释,如图所示:
单行:
在这里插入图片描述

多行:
在这里插入图片描述

接下来是本篇的核心内容:

HTML部分:

生成标签直接输标签名回车即可:
在这里插入图片描述

生成多个相同标签输标签名之后输个*后面加上个数:
在这里插入图片描述
父子级关系的标签用>连接:
在这里插入图片描述
在这里插入图片描述
兄弟关系的用+连接:
在这里插入图片描述

带有类名或id名的:
在这里插入图片描述

标签内部有内容的内容用{}括起来:
在这里插入图片描述
自增符号$:
在这里插入图片描述
在这里插入图片描述

CSS部分:

敲的时候直接敲缩写就好:
在这里插入图片描述

 

同时添加多个光标:

单个添加: 将光标放在一个位置,然后按住Alt键的时候用鼠标点击其他地方,点到的地方就会添加一个光标出来
添加一整列: 按住Shift+Alt然后鼠标点击下拉,即可添加一整列光标

 
 
posted @ 2020-09-02 13:41  孙淡策  阅读(389)  评论(0)    收藏  举报