VSCode编辑器使用技巧：快捷输入HTML代码

2021-02-14 17:21

阅读：688

YPE html>

标签：vscode sam 结束 nbsp rup css sci mod 作者

VSCode中有一些快捷编辑HTML的方法，能大大提高工作效率，在这记录一些。

1.输入html:5，然后按tab键或enter键，效果如下：

 1 
 2 
 3 
 4 5      6      7      8     Document 9 
10 
11     
12 
13

2.输入link:css引入css样式文件，输入script:src引入js

1 
2 3 
4

3.输入标签名自动补齐

1 
2 HTML快捷输入练习
3 
4 填充文本

4.随机文本的输入

1 
2 Lorem ipsum dolor sit amet consectetur adipisicing elit. At illum doloremque accusantium est, expedita tenetur minus nostrum perspiciatis. Repudiandae voluptatum mollitia corrupti adipisci pariatur accusantium praesentium quas, quisquam tempore debitis?
3 
4 Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, dolorem.
5 
6 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nihil, debitis.
7 Sit accusamus nisi mollitia doloremque cumque praesentium quod velit vitae.
8 Quisquam qui ipsam beatae eaque non voluptatibus obcaecati voluptate exercitationem.

5.使用"#“输入id，”.“输入class，”[]"输入属性

6.使用">“输入嵌套标签，”+" 输入并列的兄弟标签，"^"上级元素

 1 
 2 
 3     put some imgs here
 4 
 5 
 6 
 7 I am left
 8 I am right
 9 
10 
11 
12 
13     
14 
15 
16 
17 
18     
19         
20     
21     
22 
23 
24 
25 
26     
27     
28         
29             
30         

31     
32 
33 
34 
35     
36         
37     
38     
39 
40 
41 
42     
43 
44