Maison > outils de développement > VSCode > Comment créer un nouveau modèle de vue dans vscode ? Présentation de la méthode

Comment créer un nouveau modèle de vue dans vscode ? Présentation de la méthode

青灯夜游
Libérer: 2020-08-18 10:35:01
avant
2932 Les gens l'ont consulté

Comment créer un nouveau modèle de vue dans vscode ? Présentation de la méthode

推荐:《vscode基础教程

先下载vue插件—— vue-helper

Comment créer un nouveau modèle de vue dans vscode ? Présentation de la méthode

文件/首选项/用户片段

Comment créer un nouveau modèle de vue dans vscode ? Présentation de la méthode

搜索vue

Comment créer un nouveau modèle de vue dans vscode ? Présentation de la méthode

在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"
    }
}
Copier après la connexion

Comment créer un nouveau modèle de vue dans vscode ? Présentation de la méthode

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal