vscode的vue用户片段

打开设置用户代码片段，搜索vue.json文件，打开做如下设置。

 

{

// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and

// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:

// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the

// same ids are connected.

// Example:

// "Print to console": {

// "prefix": "log",

// "body": [

// "console.log('$1');",

// "$2"

// ],

// "description": "Log output to console"

// }

"Print to console": {

"prefix": "vue",

"body": [

"<template>",

" <div class=''>",

" $0",

" </div>",

"</template>",

"",

"<script>",

" export default {",

" components:{},",

" props:{},",

" data(){",

" return {",

" ",

" };",

" },",

" created() {},",

" mounted() {},",

" activated() {},",

" updated() {},",

" methods: {},",

" computed: {},",

" watch: {}",

" }",

"</script>",

"<style scoped lang='scss'>",

// zhushi

"</style>"

],

"description": "A vue file template"

}

}

设置完成后，在使用时输入vue后可出现代码块。