vscode设置vue代码片段

╰+攻爆jí腚メ 2022-10-27 12:18 350阅读 0赞

一、如何设置？

打开用户片段
选择或创建vue.json代码片段

粘贴下面代码片段即可

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div class='$0'>",
            "    hellow",
            " </div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  name: '',",
            "  data () {",
            "    return {",
            "",
            "    }",
            "  },",
            "  props: {",
            "",
            "  },",
            "  components: {",
            "",
            "  },",
            "  computed: {",
            "",
            "  },",
            "  watch: {",
            "",
            "  },",
            "  created () {",
            "",
            "  },",
            "  mounted () {",
            "",
            "  },",
            "  methods: {",
            "",
            "  }",
            "}",
            "</script>",
            "",
            "<style scoped>",
            "</style>",
            ""
        ],
        "description": "Create vue template"
    }
}