在vscode中如何创建⼀个⾃⼰的Vue模板代码⾸先,在vs code 中打开定义模板代码的地⽅ 第⼀步,点击“设置”图标按钮,在弹出的菜单中点击的“⽤户代码⽚段”(也就是模板) 青山热电厂
第⼆步,在弹出的框中选择新建代码⽚段(可选为全局/现在的项⽬创建模板) 第三步,输⼊要新建的模板名称,然后,回车(这⾥我已经新建过了)
然后会⾃动打开下⾯这个页⾯,在这⾥我们就可以开始新建⼀个vue模板了
现在我们开始创建我们的模板了这是⼀个模板例⼦
需要的可以直接拷贝到新建的模板⽂件中,然后按⾃⼰的风格改改
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div class=\"$TM_FILENAME_BASE\">",
" ${0}",
" </div>",
"</template>",
"",
"<script>",
"export default {",
" name: '$TM_FILENAME_BASE',",
" data () {",
" return {",
中国和声
"",
" };",
" },",
" methods: {}",
"}",
"</script>",
"",
"<style lang='scss' scoped>",
"",
"</style>"
],
"description": "my vue template"
}
汽车防盗器原理}
百度天下
中国体事件模板⽂件中各参数的含义
“prefix”: “vue”, // 定义触发模板的,字符串代码。这⾥我写的时“vue”。使⽤就是输⼊“vue”然后按tab
" name: ‘$TM_FILENAME_BASE',", // $TM_FILENAME_BASE 这个变量是当前的⽂件名
" <div class="$TM_FILENAME_BASE">", // html代码中我习惯使⽤双引号,所以这⾥⽤了反斜杠“\”转义双引号
description": “my vue template” // 就是字⾯上的意思,即,这个模板的描述信息
" ${0}", // ${0} 是⽣成模板后光标的位置,你可以同时放多个
最终效果
在新建的vue⽂件中输⼊“vue”,按tab键
就会⾃动⽣产⼀个vue的模板
到此这篇关于在vs code 中如何创建⼀个⾃⼰的 Vue 模板代码的⽂章就介绍到这了,更多相关vs code 创建Vue 模板内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持! >天宝系