配置VScode内置Emmet自动补全代码

博主发现每次写html语法都要自己从头开始写一遍<!DOCTYPE>,为偷懒,遂寻到Emmet。

在VScode "设置->拓展"里找到Emmet,进入"配置文件settings.json",添加如下配置代码字段

javascript 复制代码
	"emmet.includeLanguages": {
		"javascript": "javascriptreact",
		"react-html": "html",
		"plaintext": "html"
	},
	"emmet.triggerExpansionOnTab": true, // 按 Tab 键展开 Emmet 语法
	"emmet.syntaxProfiles": {
		"jsx": {
			"selfClosingStyle": "xml"
		}
	},
	"emmet.showExpandedAbbreviation": "always", // 输入时显示预览
	"emmet.preferences": {
		"filter.commentAfter": "no"
	}

使用:

创建文件直接输入一个"!",插件自动补全代码。