在vscode中快速生成vue模板

Posted jhonflame

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vscode中快速生成vue模板相关的知识,希望对你有一定的参考价值。

点击文件-->首选项-->用户代码片段-->输入vue,此时会打开vue.json文件,将下列代码复制进文件保存即可,新建一个vue文件,输入vue回车即可生成模板,$0表示生成模板后,光标所在位置。

技术分享图片

 

"Print to console": {
        "prefix": "vue",
        "body": [
        "<template>",
        " <div>$0</div>",
        "</template>",
        "",
        "<script>",
        "export default {",
        " data () {",
        " return {",
        " };",
        " },",
        "",
        " components: {},",
        "",
        " computed: {},",
        "",
        " mounted: {},",
        "",
        " methods: {}",
        "}",
        "",
        "</script>",
        "<style lang=‘scss‘ scoped>",
        "</style>"
    ],
        "description": "Log output to console"
    }

以上是关于在vscode中快速生成vue模板的主要内容,如果未能解决你的问题,请参考以下文章

vsCode 快速生成vue 模板

vscode之快速生成vue模板

VSCode 自定义Vue snippets, 快速生成Vue模板

vscode vue 模板文件生成

使用vscode快速建立vue模板

vsCode写vue项目一键生成.vue模板