Home > Development Tools > VSCode > body text

How to create a new vue template in vscode? Method introduction

青灯夜游
Release: 2020-08-18 10:35:01
forward
2840 people have browsed it

How to create a new vue template in vscode? Method introduction

推荐:《vscode基础教程

先下载vue插件—— vue-helper

How to create a new vue template in vscode? Method introduction

文件/首选项/用户片段

How to create a new vue template in vscode? Method introduction

搜索vue

How to create a new vue template in vscode? Method introduction

在vue.json中粘贴以下代码

{
	"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            " <div>\n",
            " </div>",
            "</template>\n",
            "<script>",
            " export default {",
            "   data () {",
            "     return {\n",
            "     }",
            "   },",
            "   components: {\n",
            "   }",
            " }",
            "</script>\n",
            "<style>\n",
            " ",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}
Copy after login

How to create a new vue template in vscode? Method introduction

保存,然后再使用模板的页面输入vue按tab健就好了

更多编程相关知识,可访问:编程入门!!

The above is the detailed content of How to create a new vue template in vscode? Method introduction. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:csdn.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!