博主发现每次写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"
}
使用:
创建文件直接输入一个"!",插件自动补全代码。