在vscode中快速生成vue模板

2024-08-30 20:18:05

点击文件-->首选项-->用户代码片段-->输入vue，此时会打开vue.json文件，将下列代码复制进文件保存即可，新建一个vue文件，输入vue回车即可生成模板，$0表示生成模板后，光标所在位置。

"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"

}

最新文章

热门文章