本文主要是介绍vs code 定制 emmet，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
这段时间在录制vue的教学课程，发现每次修改html文档相同的内容很麻烦，查阅资料，发现emmet 代码位置在：
C:\Program Files\Microsoft VS Code\resources\app\extensions\emmet\node_modules\vscode-emmet-helper\out\expand\expand-full.js
使用工具打开，搜索“doc”,找到如下行：
"doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body",
拷贝一份，备份一下，将改行改成：
"doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:跟着来老师学习Vue}}+script:srcvue)+body",
再次搜索“script:src”,找到如下行：
"script:src": "script[src]",
在其下方添加：
"script:srcvue":"srcipt[src='https://cdn.jsdelivr.net/npm/vue/dist/vue.js']",
好了，保存文件。
你的电脑如果不允许保存的话，可以另存到桌面，然后再拷贝过去。
新建一个test.html
输入!回车，页面内容添加如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>跟着来老师学习Vue</title>
<srcipt src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></srcipt>
</head>
<body>
</body>
</html>
这篇关于vs code 定制 emmet的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
