一、创建项目

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

二、vscode插件

1. uni-create-view 右键创建时，输入格式空格分隔: 目录名 标题

  "create-uniapp-view.directory": true,
  "create-uniapp-view.name": "与文件夹同名",
  "create-uniapp-view.style": "scss",
  "create-uniapp-view.template": "vue3"

2. uni-helper
3. uniapp小程序扩展

三、ts支持html标签参数类型，配置tsconfig.json

1. 安装包

pnpm i -D miniprogram-api-typings @uni-helper/uni-app-types 2. 在types下加入这两项

    "types": ["@dcloudio/types", "miniprogram-api-typings", "@uni-helper/uni-app-types"]

四、项目配置

1. manifest.json添加appid
2. 安装

pnpm i @dcloudio/uni-ui
pnpm i -D @uni-helper/uni-ui-types # 配置ts类型

五、注意

• 页面级是 onLoad 组件级是 onMounted
• 从微信开发者工具可以生成骨架屏
• 可以定义 Page {}的css
• 组件自动导入

	"easycom": {
		"autoscan": true,
		"custom": {
			// uni-ui 规则如下配置
			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue",
			// 以 Xtx 开头的组件，在 components 目录中查找
			"^Xtx(.*)": "@/components/Xtx$1.vue"
		}
	},

• defineProps 能接受页面参数
• 小程序请求参数统一放在data中
• 子页面点开几率很大，内容很多，或者需要授权，可以考虑分包预下载
• onShow这个生命周期可用来刷新