vscode自定义代码片段

设置——用户代码片段

console.log() 快捷键cx

    "Print to console": {
        "scope": "javascript,typescript",
        "prefix": "cx",
        "body": [
            "console.log('打印信息:',$1);",
        ],
        "description": "Log output to console"
    }

vue2 快捷键vue

    "vue": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div>\n",
            "  </div>",
            "</template>\n",
            "<script>",
            "export default {",
            "  name: '',",
            "  data () {",
            "    return {",
            "      $1",
            "    }",
            "  },",
            "  methods: {",
            "  },",
            "}",
            "</script>\n",
            "<style lang=\"less\" scoped>\n",
            "</style>",
            "$2"
        ],
        "description": "快速生成vue2"
    },

vue3.0 快捷键Vue3.0

    "Vue3.0快速生成模板": {
        "prefix": "Vue3.0",
        "body": [
            "<template>",
            "\t<div>\n",
            "\t</div>",
            "</template>\n",
            "<script lang='ts'>",
            "export default {",
            "\tsetup(){",
            "\t\treturn{\n\n\t\t}",
            "\t},",
            "}",
            "</script>\n",
            "<style scoped>\n",
            "</style>",
            "$2"
        ],
        "description": "Vue3.0"
    },

vue3.2+ 快捷键 Vue3.2+

    "Vue3.2+快速生成模板": {
        "prefix": "Vue3.2+",
        "body": [
            "<script setup lang='ts'>",
            "</script>\n",
            "<template>",
            "\t<div>\n",
            "\t</div>",
            "</template>\n",
            "<style scoped>\n",
            "</style>",
            "$2"
        ],
        "description": "Vue3.2+"
    }

    "Vue3.2+快速生成模板": {
        "prefix": "Vue3.2+",
        "body": [
            "<template>",
            "\t<div>\n",
            "\t</div>",
            "</template>\n",
            "<script setup lang='ts'>",
            "</script>\n",
            "<style lang=\"less\" scoped>\n",
            "</style>",
            "$2"
        ],
        "description": "Vue3.2+"
    }