美文网首页
vscode快速创建代码块

vscode快速创建代码块

作者: 甘道夫老矣 | 来源:发表于2023-07-05 13:36 被阅读0次

ctr+shift+p ,搜索栏输入user,点击红色选中区域,如图:

image.png

点击完了后,点击新建全局代码片段文件,完成后就是下图:


image.png

然后在文件中输入以下代码

{
    "Print to Vue&html base code": {
      "prefix": "vue2", // 可以改成你想要的指令
      "body": [
          "<template>",
          "  <div class=''>",
          "  </div>",
          "</template>",
          "   ",
          "<script>",
          "   ",
          "export default {",
          "  name:'',",
          "  data(){",
          "    return {",
          "    }",
          "  },",
          "  created() {",
          "    // console.log('------created--------');",
          "  },",
          "  methods: {",
          "  ",
          "  },",
          "}",
          "</script>",
          "   ",
          "<style scoped>",
          "  ",
          "</style>",
      ],
      "description": "Vue&html base code"
    }
  }
  
  

然后输入vue2即可生成代码块


image.png

相关文章

网友评论

      本文标题:vscode快速创建代码块

      本文链接:https://www.haomeiwen.com/subject/zddkudtx.html