首页 > 其他 > 详细

vue --- vscode 配置 .vue文件生成结构

时间:2019-12-05 17:22:51      阅读:116      评论:0      收藏:0      [点我收藏+]

1、选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,输入vue

     选择vue后,编辑器会自动打开一个名字为vue.json的文件

2、复制以下内容到这个文件中:

{
    "Print to console": {
        "prefix": "vue",  //写成自己满意的前缀(name)
        "body": [
            "<template>",
            "  <div>$0</div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "",
            "}",
            "",
            "</script>",
            "<style>",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

  

$0 表示生成代码后光标的位置 ; 

prefix 表示生成对应预设代码的命令(此处设置的vue)

     保存关闭文件;

3、新建.vue文件,输入vue,按回车,页面结构自动生成

vue --- vscode 配置 .vue文件生成结构

原文:https://www.cnblogs.com/yuerdong/p/11990495.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!