1.安装VueHelper扩展,安装后重启以下vscode
2.打开用户代码片段
方法一:Ctrl+Shift+P打开命令输入 snippets; 在搜索框输入vue选择‘vue.json’。
方法二:文件 → 首选项 → 用户代码片段 → 在搜索框输入vue选择‘vue.json’
3.清空内容,输入模板,具体格式如下(可根据自己的喜好进行修改) 其中$0代表模板生成后,光标停留的位置:
{
“Print to console”: {
“prefix”: “vue”,
“body”: [
“”,
" <div class=“wrapper”>",
" $0",
" “,
“”,
“”,
“”,
“”
],
“description”: “A vue file template”
}
}
在vscode中添加vue的模板
最新推荐文章于 2024-01-14 05:43:11 发布