VsCode Vue3 snippets.json 代码片段

2,846 阅读1分钟
vscode : vue3.code-snippets.json
{
    "Print to console": {        
        "prefix": "antd",        
        "body": [          
            "<template>",          
            "   <div class=\"$1\"></div>",          
            "</template>",          
            "",
            "<script>", 
            "import { defineComponent, reactive, toRefs, onMounted } from 'vue'",         
            "export default defineComponent({",
            "name: '$1',",
            "components: {  },",
            "setup() {",
                "const state = reactive({",
                    "loading: false,",

                "}) ",
                "onMounted(() => {",
        
                "})",
                    "return {",
                        "...toRefs(state)",
                    "}",
                "}",
            "})",
            "</script>",
            "<style lang='scss' scoped>",
                ".$1{",
            "",
                "}",
            "",
            "</style>"
      ],
      "description": "Log output to console"
   }
}