vscode输入vue一键生成代码

最新推荐文章于 2024-02-26 02:44:21 发布

多摸鱼有限公司饮水机管理员

最新推荐文章于 2024-02-26 02:44:21 发布

阅读量262

点赞数 2

分类专栏： JavaScript 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_44940364/article/details/115351387

版权

在VSCode中，通过设置用户片段，可以实现输入vue快捷生成HTML模板代码。只需编辑html.json片段文件，定制自己的Vue代码模板，方便日常开发工作。

摘要由CSDN通过智能技术生成

打开vscode
文件-》首选项-》用户片段
搜索 html.json
清空内容，输入以下代码

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"<head>",
			"<meta charset=\"UTF-8\">",
			"<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
			"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
			"<title>Document</title>",
			" <script src=\"../vue.js\">",
			"</script>",
			"</head>",
			"<body>",
			" <div id=\"app\">",
			"",
			" </div>",