vscode html实现代码补全

1.插件:HTML Snippets,点击安装

2.使用快捷键ctrl+shift+p搜索settings.json文件，添加以下内容

3.使用

输入！按回车，会自动生成HTML基础结构

settings.json 提示“无法在只读编辑器中修改”

打开设置，搜索要修改的字段，可以直接修改

工具/材料

Sublime Text

01

首先我们新建一个空白的文档，然后打开命令模式，输入html，将纯文本文档切换为html文档，如下图所示

02

然后在html文档中我们输入html并按下tab键，你会发现工具自动补全了html结构

03

接下来在看看CSS中系统自动补全的一些功能，如下图所示，我们输入bg，工具就会自动d出相关的内容

04

以上都是系统默认自带的补全功能，下面要介绍的是插件补全的方式，首先打开命令行模式，输入install，进入插件安装模式，如下图所示

05

在输入框中输入emmet，然后选择第一个，工具会自动的安装上

06

安装好以后我们再回到CSS文件中，这个时候我们输入p20并按下tab键，你会发现生成了padding:20px

07

在HTML中我们输入.nav并按下tab键，你会发现生成了一个带class的div结构，如下图所示

08

最后，如果想移除某个标签，也可以运用command和单引号的组合键进行，如下图所示

---