vscode添加自定义html片段

版权声明:请尊重每个人的努力! https://blog.csdn.net/IndexMan/article/details/88916235

最近在学vue,用的是微软的vscode 开发工具。

很不错,赞一下微软。里面包含了众多插件大家可以各取所需。

另外有一项实用的功能,User Snippets 用户自定义代码段,

对于那些需要重复编写的代码段 用一个快捷键自动补全,很省事。下面就演示一下,

代码如下:

"vh": {
	"prefix": "vh", // 触发的关键字 输入vh按下tab键
	"body": [
		"<!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>",
		"    <script src=\"./lib/vue-2.4.0.js\"></script>",
		"</head>",
		"",
		"<body>",
		"    <div id=\"app\"></div>",
		"    <script>",
		"        var vm=new Vue({",
		"           el:'#app',",
		"           data:{},",
		"           methods:{}",
		"        });",
		"    </script>",
		"</body>",
		"",
		"</html>",
	],
	"description": "vh components"
}

一图胜千言

用的时候输入vh 按TAB即可补全。

猜你喜欢

转载自blog.csdn.net/IndexMan/article/details/88916235