1.下载Vetur插件
2.在文件-首选项-配置代码片段中找到vue.json文件
(注:旧版本的编辑器路径为文件-首选项-用户片段)
3.在打开的配置代码片段弹窗中搜索vue.json,找到并打开
(注:如果搜不到的话就按住鼠标滚轮往下滑,一般位置在滚动条滚动到底部时的最后几个配置文件)
4.将vue.json文件中的代码替换为下面的代码
{
"vue": {
"prefix": "vue",
"body": [
"<template>",
" <div>",
" ",
" </div>",
"</template>",
"<script>",
"export default {",
" name:'HelloWorld',",
" data () {",
" return {",
" }",
" },",
" methods: {",
" ",
" },",
" components: {",
" ",
" }",
"}",
"</script>",
"<style scoped>",
" ",
"</style>",
],
"description": "快速创建vue2模板"
},
"vue3": {
"prefix": "vue3",
"body": [
"<template>",
"",
"</template>",
"<script setup lang=\"ts\">",
"import {ref,reactive} from \"vue\"",
"",
"</script>",
"<style lang=\"scss\" scoped>",
"",
"</style>",
],
"description": "快速创建vue3模板"
}
}