vscode下.vue文件初始化

最新推荐文章于 2024-07-08 04:46:55 发布

semyin

最新推荐文章于 2024-07-08 04:46:55 发布

阅读量1.9k

点赞数 4

本文链接：https://blog.csdn.net/semyin/article/details/86519373

版权

vscode下.vue文件初始化

当我们在使用vscode编写vue文件的时候，每次都需要输入<template></template>,<script></script>,<style></style>这些标签
如何像我们之前一样写html使用emmet插件一样使用 !自动出来html的格式呢

1 安装Vetur扩展让VScode支持.vue文件名

2 然后打开菜单栏=>Code=>首选项=>用户代码片段=>选择vue

3 打开后发现是一个json文件，里面都是注释，不用管它，我们再后面添加

"Vue Init":{
        "prefix": "vue",
        "description": "初始化Vue单文件组件模板",
        "body": [
            "<template>",
            "$1",
            "</template>",
            "<script>",
            "export default {",
            "   name:'$2',",
            "}",
            "</script>",
            "<style scoped>",
            "$3",
            "</style>",
            ""
        ]
    }