vscode 自动生成.vue文件代码
使vue文件能够像html一样,快速生成模板1、点击左下角设置按钮,选择用户代码片段;2、搜索 vue.json,打开该文件;3、输入如下代码;$0 是生成代码后鼠标光标所处的位置prefix 表示生成对应预设代码的命令{"Print to console": {"prefix": "vue","body": ["<template>","<div>","$0","<
·
使vue文件能够像html一样,能够自动生成.vue文件模板
1、点击左下角设置按钮,选择用户代码片段;
2、搜索 vue.json
,打开该文件;
3、输入如下代码;
$0
是生成代码后鼠标光标所处的位置prefix
表示生成对应预设代码的命令{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " $0", " </div>", "</template>", "", "<script>", "export default {", "", "}", "</script>", "", "<style>", "", "</style>" ], "description": "Log output to console" } }
4、新建 .vue
文件,输入vue,再按下 tab或enter 即可
更多推荐
已为社区贡献3条内容
所有评论(0)