vscode 自定义代码块

vscode Vue 代码块

vue 代码块

"vue2Component": {
    "prefix": "vue2",
    "body": [
        "<template>",
        "    <div>\n",
        "    </div>",
        "</template>",
        "<script>",
        "export default {",
        "   name: \"$1\",",
        "   data() {",
        "      return {\n",

        "      }",
        "   },",
        "   methods:{\n",
        "   }",
        "}",
        "</script>",
        "<style lang=\"scss\" scoped>\n",
        "</style>",
        "$2"
    ],
    "description": "vue2 speed component"
},
"vue3Component": {
    "prefix": "vue3",
    "body": [
        "<script setup lang=\"ts\">",
        "  import { ref, reactive, computed, onMounted } from \"vue\"",
        "  const msg = ref<string>('this is msg')",
        "</script>\n",
        "<template>",
        "    <div >",
        "      ",
        "    </div>",
        "</template>\n",
        
        "<style lang=\"scss\" scoped>",
        "  ",
        "</style>",
        "$2"
    ],
    "description": "vue3 speed component"
},

vscode React 代码块

"reactTypescriptClassComponent":{
    "prefix": "rtcc", 
    "body": [
        "import React, { Component } from 'react';\n",
        "type IProps = {",
        "  ",
        "}\n",
        "type IState = {",
        "  data: Array<string>",
        "}\n",
        "class $1 extends React.Component<IProps,IState> {\n", 
        "  state:IState = {",
        "    data : []",
        "  }\n",
            
        "  render () {",
        "    return (",
        "      <>",
        "        <div> $1 </div>",
        "      </>",
        "    );",
        "  }",
        "}\n",
        "export default $1"
    
    ],
    "description": "this is function typescript component"
},
"reactTypescriptFunctionComponent":{
    "prefix": "rtfc", 
    "body": [
        "import React from 'react';\n",
        
        "export interface IProps {",
        "  ",
        "}",
        
        "const $1: React.FC<IProps> = props => {\n",
        "  return (<div> this is component </div>)\n",
        "}\n",

        "export default $1"
    
    ],
    "description": "this is class typescript component"
},