VSCode 用户自定义html，vue模板

最新推荐文章于 2025-07-05 15:25:53 发布

原创

最新推荐文章于 2025-07-05 15:25:53 发布 · 2.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#html #vscode

本文介绍了如何在Visual Studio Code中自定义HTML和Vue模板，通过编辑html.json文件，可以创建个性化的H5和Vue模板，方便前端开发者快速开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

现如今前端用的最多开发工具恐怕就是Visual Studio Code，但我们每次新建html模板时候，是否总是感觉太单调，如果能像其他编辑器样能定制一套属于自己的模板那该多好，其实是完全可以的。

1. 找到html.json文件

2. 找到html.json文件后即可自定义设置H5模板

附：h5模板代码

	"h5 template": {
		"prefix": "!", // 对应的是使用这个模板的快捷键
		"body": [
		  "<!DOCTYPE html>",
		  "<html lang=\"zh-CN\">",
		  "<head>",
		  "\t<meta charset=\"UTF-8\">",
		//   "\t<meta name=\"viewport\" content=\"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0\">",
		  "\t&l