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

vscode怎麼預設html模板

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

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中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
visual-studio-code - vscode-vim使用本地.vrimrc
來自於 1970-01-01 08:00:00
0
0
0
VScode建html的時候不出來<HTML>框架
來自於 1970-01-01 08:00:00
0
0
0
node.js - vscode不能跳到程式碼
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板