1、ctrl+shift+p快捷键召唤控制台,输入snippets并回车
2、这时会出来vue.json文件
3、在json文件中编写你要定义的模板
{
/*
// Place your snippets for Vue here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
*/
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div class=\"myDiv\">$0</div>",
"</template>",
"",
"<script>",
"export default {",
" name: '',",
" components:{},",
" props:{},",
" data(){",
" return {",
" }",
" },",
" watch:{},",
" computed:{},",
" methods:{},",
" created(){},",
" mounted(){}",
"}",
"</script>",
"<style lang=\"less\" scoped>",
"@media screen and (min-width: 200px) and (max-width: 1600px) {}",
"@media screen and (min-width: 1601px) {}",
"</style>",
],
"description": "A vue file template"
}
}
4、此时,新建一个vue文件,输入vue即可出现定义好的模板
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/149739.html