zoukankan      html  css  js  c++  java
  • vue --- vscode 配置 .vue文件生成结构

    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,按回车,页面结构自动生成

  • 相关阅读:
    数据库
    linux
    linux
    python_函数进阶1
    python_函数初识
    python_文件操作
    python_基础数据类型补充
    python 小数据池,代码块总览
    python_基础数据类型二
    python_基础数据类型一
  • 原文地址:https://www.cnblogs.com/yuerdong/p/11990495.html
Copyright © 2011-2022 走看看