vscode中生成自定义.vue模板

最新推荐文章于 2024-07-31 14:12:59 发布

豆逗逗

最新推荐文章于 2024-07-31 14:12:59 发布

阅读量123

点赞数

分类专栏： vscode

本文链接：https://blog.csdn.net/weixin_38345306/article/details/118406303

版权

vue

vscode 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

1.打开“文件”–》“首选项”–》“用户片段”
2.输入“vue.json”打开文件，添加下面的文本（若没有该文件，就新建一个代码片段，命名为vue.json）
3.新建一个vue文件，输入“vue”，选中代码块即可
在这里插入图片描述

代码可复制：

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