原生小程序开发

配置

关闭Skyline渲染引擎

‌首先，在小程序项目中找到全局配置文件‌app.json。在app.json文件中，需要删除与Skyline渲染引擎相关的配置项：renderer、rendererOptions和componentFramework。

uni-app开发

创建uni-app项目

通过命令行创建uni-app项目（需安装Node.js环境），TypeScript类型支持友好。

Vue 3+TS版：npx degit dcloudio/uni-preset-vue#vite-ts uni-app-vue3-ts

编译和运行uni-app项目

1. 安装依赖：pnpm i
2. 编译成微信小程序：pnpm dev:mp-weixin
3. 在manifest.json文件添加小程序appid：src/manifest.json文件下mp-weixin→appid
4. 导入微信开发者工具：dist/dev/mp-weixin

用VS Code开发uni-app项目

安装Vue - Official插件：Vue 3+TS语法提示插件。

安装uni-app开发插件：

• uni-create-view：快速创建uni-app页面（右键pages→新建uniapp页面，建议把div标签改为view标签）
• uni-helper：uni-app代码提示（Ctrl+i唤醒代码提示）
• uniapp小程序扩展：鼠标悬停查文档

TS类型校验：

• 安装最新版本类型声明文件：pnpm i -D miniprogram-api-typings@latest @uni-helper/uni-app-types@latest
• 配置tsconfig.json

"types": [ "@dcloudio/types", // uni-app API 类型 "miniprogram-api-typings", // 原生微信小程序类型 "@uni-helper/uni-app-types" // uni-app 组件类型 ]

"vueCompilerOptions": { "plugins": ["@uni-helper/uni-app-types/volar-plugin"] },

JSON注释问题

• 设置文件关联，把manifest.json和pages.json设置为jsonc