VScode中自定义代码模板

2019-03-26  本文已影响0人  钱英俊真英俊

每次新建文件总是要重新写一遍初始模板,所以自己配置下,避免重复劳动

1. Code > Preferences > User Snippets

.

2. 选择需要定义的文件

3.配置JSON

{
    "vue": {
        "prefix": "vue", // 快捷指令
        "body": [
            "<template lang='pug'>\n",
            "</template>\n",
            "<script lang='ts'>",
            "import { Component, Vue } from 'vue-property-decorator'\n",
            "@Component",
            "export default class $1 extends Vue {",
            "}\n",
            "</script>\n",
            "<style lang='scss' scoped>\n",
            "</style>\n"
        ],
        "description": "Vue Template"
    }
}

4. 在Vue文件中输入vue,然后按tab或者enter

搞定!

上一篇下一篇

猜你喜欢

热点阅读