全局 snippets

{
    // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
    // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
    // is left empty or omitted, the snippet gets applied to all languages. 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": {
    "scope": "javascript,typescript",
    "prefix": "log",
    "body": ["console.log('*******','$1');"],
    "description": "Log output to console"
  },
  "Print to vue": {
    "scope": "vue",
    "prefix": "v-new",
    "body": [
      "<template>",
      " <div class=\"${1}${TM_CURRENT_WORD: my-class}\">",
      " ",
      " </div>",
      "</template>",
      "<script>",
      "export default {\r",
      "  name: '${2}${TM_CURRENT_WORD:my-name}',",
      "  props: {",
      "    //",
      "  },",
      "  components: {",
      "    //",
      "  },",
      "  data () {",
      "    return {",
      "      //",
      "    }",
      "  },",
      "  computed: {",
      "    //",
      "  },",
      "  watch: {",
      "    //",
      "  },",
      "  mounted () {",
      "    //",
      "  },",
      "  methods: {",
      "    //",
      "  },",
      "}",
      "</script>",
      "<style lang=\"less\" scoped>",
      ".${1}${TM_CURRENT_WORD: my-class} {",
      "}",
      "</style>"
    ],
    "description": "Log output to vue file"
  },
  "Print to vue3": {
    "scope": "vue",
    "prefix": "v-new3",
    "body": [
      "<script setup>",
      "import { ref } from 'vue'",
      "",
      "defineProps({})",
      "",
      "</script>",
      "",
      "<template>",
      "",
      "</template>",
      "",
      "<style scoped>",
      "</style>",
    ]
  },
  "Print to try": {
    "scope": "javascript,typescript",
    "prefix": "tca",
    "body": [
      "try {", 
      "  const { data, code, message } = await ${1}${TM_CURRENT_WORD:Fn}()", 
      "  if (code === 0) {",
      "      this.${2|data|} = data",
      "  } else {",
      "    this.\\$Message.error(message || '${3|操作失败|}')",
      "  }",
      "} catch (error) {", 
      "    console.warn(error)", 
      "}"
    ]
  },
 
  "Print to template": {
    "scope": "html",
    "prefix": "ttt",
    "body": ["<template #header${1}>", "  ", "</template>"]
  }
}

 详细介绍:https://blog.csdn.net/maokelong95/article/details/54379046

posted @ 2019-09-18 14:36  谢书怜  阅读(224)  评论(0编辑  收藏  举报