事故现场
萌新今天兴高采烈(fangshengtongku)打开VSCode练习时，出现了一件D疼事。HTML默认的骨架语句丢失了一句，如图：
内心直接大叫一声：唉，我黑切呢？OK，直接兴高采烈（mmp），重启大法，成功的BUG重演。Google，一堆英文看不懂，Baidu，一堆广告。避免大家遇到相同问题，总结一下搜到的博客：
- 教你使用
！，然后按TAB，生成骨架。文不对题无用贴 - 用户代码片段，自定义模板。（有用，但是小白的我没看懂）博客：传送门
- 配置文件
Emmet.Extensions Path路径。（有用，但是小白的我没看懂）。博客：传送门
后两种方式大家可以看一下应该也是可以的，但是我没有尝试，现在给大家讲一下我的解决方法（保姆级解释）。
本人解决方法
有幸搜到了两篇博客，分享给各位，同时感谢博主。
下面是我结合两篇博客使用的办法，和大家分享一下，萌新小白，望大佬们指点。
找到该目录下的emmetNodeMain.js文件并修改。（可能大家的目录有区别，因为我的和博客里的就不太一样，到emmet后面有区别，给大家提示下）
-
文件地址：
你的安装盘\VSCode\Microsoft VS Code\resources\app\extensions\emmet\dist\node -
Code打开文件
-
搜索字条
"!!!":"{<!DOCTYPE html>}", -
在搜索栏中点击搜到的结果，点击跳转到代码处
-
正常代码如下：（本人缺失了
meta:edge）
"!!!":"{<!DOCTYPE html>}",doc:"html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body","!
我们可以看到这段代码和html骨架标签的对应关系。
- 1.{<!DOCTYPE html>}"=<!DOCTYPE html>
- 2."html[lang=${lang}]=<html lang="xxx">
- 3.meta[charset=${charset}]=<meta charset="UTF-8">
- 4.meta:vp=<meta name="viewport"content="width=device-width, initial-scale=1.0,">
- 5.meta:edge=<meta http-equiv="X-UA-Compatible" content="ie=edge">
- 6.title{${1:Document}}=<title>Document</title>
举例如果要修改默认的mata name骨架使其增加代码：maximum-scale=1.0, user-scalable=no
<meta name="viewport"content="width=device-width, initial-scale=1.0,">
==>
<meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-
在js文件里对
meta:vp进行修改，同样的我们搜索代码meta:vp`````meta:vp`````meta:vp重要的事情说三遍 -
你将会搜到下面的代码（我的搜索项里有4个，关于
meta：vp字条，选到这个字条）
"meta:utf":"meta[http-equiv=Content-Type content='text/html;charset=UTF-8']",
"meta:vp": "meta[name=viewport content='width=${1:device-width}, initial-scale=${2:1.0}']",
- 最关键的代码，最关键的代码，最关键的代码，复制替换（提示：会有两处meta：vp需要修改）
"meta:vp": "meta[name=viewport content='width=${1:device-width}, initial-scale=${2:1.0}, minimum-scale=${3:1.0}, maximum-scale=${4:1.0}, user-scalable=${5:no}']",
-
同理修改
lang="xxx"，直接告诉大家搜索词条，搜索框输入er={lang:"en",替换en==>zh-CN -
保存文件，重启code，享受修改成果，发出geigeigei的怪笑
