vscode如何自定义代码片段

一、打开vscode，点击左下角设置图标。

下载vscode传送门

二、点击用户代码片段

三、点击新建全局代码片段文件

四、输入自定义代码片段配置文件名，例如:vue.json

五、进行代码片段配置示例如下

{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"  <div class=\"wrapper\">$0</div>",
"</template>",
"",
"<script>",
"export default {",
"  components: {},",
"  props: {},",
"  data () {",
"    return {",
"    }",
"  },",
"  watch: {},",
"  computed: {},",
"  methods: {},",
"  created () {},",
"  mounted () {}",
"}",
"</script>",
"<style lang=\"scss\" scoped>",
".wrapper{}",
"</style>\r"
],
"description": "A vue2 file template"
}
}

配置项详解

至此自定义代码段配置完毕，以本文为例输入vue按Tab补全就会出现自定义的代码。