首頁 > 開發工具 > VSCode > vscode怎麼預設html模板

vscode怎麼預設html模板

王林
發布: 2019-11-09 15:20:26
原創
4963 人瀏覽過

vscode怎麼預設html模板

1、開啟:首選項-- 使用者程式碼片段

vscode怎麼預設html模板

#2、在彈出的視窗選擇HTML或HTML5都可以(也可以在搜尋框輸入快速找到)

vscode怎麼預設html模板

3、把預設的那些註解刪掉,輸入下面的範本(範例,可依自己需要的格式來寫)

{
	"html:5": {
		"prefix": "h",
		"body": [
			"<!DOCTYPE html>",
			"<html>",
			"<head>",
				"\t<meta charset=\"UTF-8\">",
				"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
				"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
				"\t<title></title>",
			"</head>",
			"<body>",
				
			"</body>",
			"</html>",
		],
		"description": "HTML5"
	}
}
登入後複製

prefix屬性的值,這裡是」h“,當在頁面輸入h的時候,就會進行提示的了。

head那邊的內容注意字元轉義。

vscode怎麼預設html模板

推薦教學:vscode教學

#

以上是vscode怎麼預設html模板的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板