VSCode中添加Vue模板

最新推荐文章于 2024-07-12 16:09:07 发布

Coder_小庞

最新推荐文章于 2024-07-12 16:09:07 发布

阅读量117

点赞数 1

分类专栏： Vue 文章标签： vscode vue

本文链接：https://blog.csdn.net/qq2297329956/article/details/113093134

版权

Vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在VSCode中添加Vue模板只需简单几步：1. 打开用户设置；2. 新建Vue.json全局代码片段文件；3. 输入Vue模板代码块；4. 保存后在任意文件输入'vue'触发代码块。这将帮助开发者快速生成Vue应用的基本结构。

摘要由CSDN通过智能技术生成

VSCode中添加Vue模板

打开VSCode 文件->首选项->用户片

2.新建全局代码片段文件 Vue.json
3.输入模板的内容

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<div id='app'>{{message}}</div>",
            "<script src='./js/vue.js'></script>",
            "<script>",
            "\tconst app = new Vue({",
            "\t\tel: '#app',",
            "\t\tdata: {",
            "\t\t\tmessage: 'Hello Vue'",
            "\t\t}",
            "\t})",
            "</script>",
            ""
        ],
        "description": "tplv output to vue-template"
    }
}

4.保存之后输入“vue在任意文件中按table或者回车键出现代码块