代码片段

• 写小程序习惯使用vscode来写，微信开发者工具只是预览，提供几个片段，方便快速开发
• sfa 快速创建 createApp
• sfp 快速创建 definePage
• sfc 快速创建 defineComponent
• sfs 快速创建 defineStore

以下可以保存mp.code-snippets

{
  // 用户代码片段生成网址
  // https://snippet-generator.app/
  "MP SFA Template": {
    "prefix": "sfa",
    "body": [
      "import { createApp } from \"@52css/mp-vue3\";",
      "",
      "createApp({",
      "  setup(option: WechatMiniprogram.App.LaunchShowOption) {",
      "    return {",
      "    };",
      "  },",
      "});",
      ""
    ],
    "description": "MP SFA Template"
  },
  "MP SFP Template": {
    "prefix": "sfp",
    "body": [
      "import { ref, computed, watch, definePage, onLoad } from \"@52css/mp-vue3\";",
      "",
      "definePage({",
      "  queries: {",
      "    query1: String",
      "  },",
      "  setup() {",
      "    return {}",
      "  }",
      "});",
      ""
    ],
    "description": "MP SFP Template"
  },
  "MP SFC Template": {
    "prefix": "sfc",
    "body": [
      "import { ref, computed, watch, defineComponent } from \"@52css/mp-vue3\";",
      "",
      "defineComponent({",
      "  properties: {",
      "    prop1: String",
      "  },",
      "  emits: {",
      "    event1: (_name: string) => true,",
      "  },",
      "  setup() {",
      "    return {",
      "    };",
      "  },",
      "});",
      ""
    ],
    "description": "MP SFC Template"
  },
  "MP SFS Template": {
    "prefix": "sfs",
    "body": [
      "import { ref, defineStore } from \"@52css/mp-vue3\";",
      "",
      "export const useCounterStore = defineStore(\"counter\", () => {",
      "  const count = ref(0);",
      "",
      "  return {",
      "    count,",
      "  };",
      "});"
    ],
    "description": "MP SFS Template"
  },
  "Picsum Template": {
    "prefix": "picsum",
    "body": ["https://picsum.photos/200/300?random=1"],
    "description": "生成随机图片"
    // 文字使用
    // lorem 生成文字
    // lorem100 生成100个文字
  },
  "Region Templat": {
    "prefix": "region",
    "body": [
      "//#region $0",
      "//#endregion"
    ],
    "description": "Region Templat"
  }
}