VSCode中新增vue檔案模板

1、檔案–>首選項—>使用者程式碼片段

2、在彈出的搜尋框中輸入 `vue`，並點選

3、輸入以下內容：

"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "<div></div>",
            "</template>",
            "",
            "<script>",
            "",
            "export default {",
            "name: '' ,",
            "components: {},",
            "props:['list'],",
            "data() {",
            "return {",
            "",
            "}",
            "},",
            "computed: {},",
            "watch: {},",
            "created() {",
            "",
            "},",
            "mounted() {",
            "",
            "},",
            "beforeCreate() {",
            "",
            "},",
            "beforeMount() {",
            "",
            "},",
            "beforeUpdate() {",
            "",
            "}, ",
            "updated() {",
            "",
            "}, ",
            "beforeDestroy() {",
            "",
            "},",
            "destroyed() {",
            "",
            "},",
            "activated() {",
            "",
            "},",
            "methods: {",
            "",
            "}",
            "}",
            "</script>",
            "<style lang='less' scoped>",
            "$4",
            "</style>"
        ],
        "description": "Log output to console"
    }

4、新建一個 `index.vue` 檔案，輸入 `vue`，按回車或點選