1、在文件点击设置
2、点击编辑器--实时模板--找到需要插入模板的位置如我要插入HTML的模板---选择+--点击实时模板
3、如图:
4、添加模板内容,如果模板有变量可以在编辑变量处点击编辑
5、编辑变量
6、点击定义,确定模板使用范围,如我的是HTML,弄好后确定。
7在新建文件输入简写hvue后按tab键,效果:
8、模板代码:
html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>$FILE_NAME$</title>
<script src="./dist/vue.global.js"></script>
<script>
// 动态标题
var dynamicTitle = "$FILE_NAME$".slice(0, -5);
// 使用 JavaScript 修改 <title> 标签的内容
document.title = dynamicTitle;
</script>
</head>
<body>
<div id="app">
</div>
<script type="module">
const { createApp, ref } = Vue
createApp({
components:{
},
setup() {
const msg = ref('Hello vue!')
return {
msg
}
}
}).mount('#app')
</script>
</body>
</html>