欢迎访问悦橙教程(wld5.com),关注java教程。悦橙教程  java问答|  每日更新
页面导航 : > > > 文章正文

Vscode更改Emmet生成的html代码,vscodeemmet

来源: javaer 分享于  点击 47423 次 点评:128

Vscode更改Emmet生成的html代码,vscodeemmet


使用Vscode生成默认代码多两行,刚入门的我也不知道是啥代码
 

<!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>Document</title>

<link rel="stylesheet" href="css/index.css">

</head>

<body>

</body>

</html>

首先打开Vscode 的安装路径。如下:

H:\Program Files\Microsoft VS Code\resources\app\extensions\emmet\node_modules\vscode-emmet-helper\out\expand\expand-full.js

打开:expand-full.js

改动如下:

4985~4989行使用 // 注释掉,再找到5102行,复制使用//copy一行,

"doc": "html[lang=${lang}]>(head>meta[charset=${charset}]+meta:vp+meta:edge+title{${1:Document}})+body", 红色部分删除即可并重启编辑器就完成了(事先备份一份,以后自己改动就好了)

懒人链接:链接:https://pan.baidu.com/s/1D5fdUI2-MTEDxWSNtSQG8A 密码:rgcx

找到路径:下载、替换并重启Vscode即可。

相关文章

    暂无相关文章

用户点评