1. 程式人生 > >Vscode更改Emmet生成的html程式碼

Vscode更改Emmet生成的html程式碼

使用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即可。