50字范文,内容丰富有趣,生活中的好帮手!
50字范文 > vscode配置vue用户代码片段

vscode配置vue用户代码片段

时间:2023-06-29 06:48:50

相关推荐

vscode配置vue用户代码片段

打开vscode软件

选中左下角的设置按钮,再点击用户代码片段(如图)

再选择vue.json文件/新建全局代码片段(如图)

进行相关配置(如下代码)

{"Vue2 quickly build template": {"prefix": "vue2Init","body": ["<template>","","</template>","","","<script>"," export default {"," data () {","return {","}"," }"," }","</script>","","","<style scoped>","","</style>" ],"description": "vue2快速构建模板"},"Vue3 quickly build template": {"prefix": "vue3Init","body": ["<template>","\t<div>\n","\t</div>","</template>\n","<script lang='ts' setup>","import { onMounted, reactive, ref, toRefs, watch } from 'vue'\n","</script>\n","<style lang='scss' scoped>\n","</style>","$2"],"description": "vue3快速构建模板"}}

在页面上面如何使用(如图)

上图是vue3Init生成的模版

我配置了两个vue快速构建模版,一个vue2版本,一个vue3版本,觉得有用 喜欢请大家点赞●▽●

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。