html编辑器搜索快捷键,VSCode编辑器使用技巧：快捷输入HTML代码

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

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

Document

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

3.输入标签名自动补齐

HTML快捷输入练习

填充文本

4.随机文本的输入

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?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, dolorem.

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nihil, debitis.

Sit accusamus nisi mollitia doloremque cumque praesentium quod velit vitae.

Quisquam qui ipsam beatae eaque non voluptatibus obcaecati voluptate exercitationem.

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

结束

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

put some imgs here

I am left

I am right

7.使用"{}“对标签分组及使用”*"生成多个相同的标签

8.自增符号$

• 
• 
• 

• 
• 
• 

• 
• 
• 

这些快捷操作需要Emmet插件，本文是在VSCode下编写的，其他编辑器如Atom、Sublime Text都支持Emmet，其功能还有很多，待以后慢慢学习。