VScode创建Vue模板代码-自定义代码片段

﹏ヽ暗。殇╰゛Y 2022-12-05 01:35 337阅读 0赞

前提：vscode中已安装vue

配置模块代码片段：

依次选择 “ File（文件） -> preperences（首选项） -> User Snippets(用户代码片段)”，此时，会弹出一个搜索框，输入vue，如下图：

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuZ2VsaWE2MjA_size_16_color_FFFFFF_t_70

"vue-template": {
        "prefix": "vuecj",
        "body": [
            "<template>",
            "  <div>",
            "",
            " </div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  name: '',",
            "  data () {",
            "    return {",
            "",
            "    }",
            "  },",
            "  props: {",
            "",
            "  },",
            "  components: {",
            "  },",
            "  mounted () {",
            "",
            "  },",
            "  methods: {",
            "",
            "  }",
            "}",
            "</script>",
            "",
            "<style>",
            "",
            "</style>",
            ""
        ],
        "description": "my vue template"
    }