配置vue的模板语法

最新推荐文章于 2024-04-17 20:46:50 发布

lionliu0519

最新推荐文章于 2024-04-17 20:46:50 发布

阅读量316

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_51354601/article/details/130655034

版权

文件->首选项->配置用户代码片段
在这里插入图片描述
可以输入快捷指令 ctrl + shift + p
搜索vue.json

如果使用vue2的模板就在页面输入vue2就会自动生成模板，vue3也一样操作

{
	"Print to console": {        
     "prefix": "vue2",        
     "body": [          
         "<template>",          
         "   <div></div>",          
         "</template>",          
         "",
         "<script>",          
         "export default {",
         "   data () {",
         "      return {",
         "",
         "      };",
         "   },",
         "",
         "   components: {},",
         "",
         "   computed: {},",
         "",
         "   methods: {}",
         "}",
         "</script>",
         "<style lang='css' scoped>",
         "",
         "</style>"
   ],
   "description": "Log output to console"
},

// Path: vue.json

    "Print to console": {        
     "prefix": "vue3",        
     "body": [          
         "<template>",          
         "   <div></div>",          
         "</template>",          
         "",
         "<script setup>",          
         "import { ref } from 'vue'",
         "",
         "const state = ref({",
         "",
         "})",
         "",
         "const methods = {",
         "",
         "}",
         "</script>",
         "<style lang='css' scoped>",
         "",
         "</style>"
   ],
   "description": "Log output to console"

}



}