vscode vue自动生成代码段

Posted 2020-12-18 awchao

设置-用户代码片段-搜索vue-点击vue-全选粘贴

{

  "Print to console": {

    "prefix": "vu", //写成自己满意的前缀(name)

    "body": [

      "<template>",

      "  <div></div>",

      "</template>",

      "",

      "<script>",

      "export default {",

      "  name: ‘‘,",

      "  components: {},",

      "  props: {},",

      "  data () {",

      "    return {}",

      "  },",

      "  computed: {},",

      "  watch: {},",

      "  created () { },",

      "  mounted () { },",

      "  methods: {}",

      "}",

      "</script>",

      "",

      "<style scoped lang=$0>",

      "</style>",

      ""

    ],

    "description": "Log output to console"

  }

}

 效果: