2026 微信小程序
整体分四大路线：原生 Skyline 新渲染框架（官方最新）、Vue 系 uni-app/uni-app X、React 系 Taro 4、增强原生 Mpx，配套云开发、TS、WASM、低代码。
uni-app
DCloud 公司推出的一个跨端开发框架，用 Vue 语法写一套代码，就能同时发布到：微信小程序、支付宝 / 抖音 / QQ 小程序、App（iOS/Android）、H5 网页。
https://uniapp.dcloud.net.cn/collocation/pages.html
1. 核心特点
- 一套代码，多端发布写一次
.vue文件，可编译成：- 微信 / 支付宝 / 抖音 / 百度 / QQ 小程序
- Android App、iOS App
- 普通 H5 网页
- 语法基于 Vue支持 Vue 2 / Vue 3，写法和前端几乎一样
- 内置小程序、App 常用 API比如：
uni.request网络请求uni.showToast提示框uni.navigateTo页面跳转
- 条件编译想给某一端单独写逻辑 / 样式，用：
// #ifdef MP-WEIXIN console.log('只在微信小程序运行') // #endif
2. 为什么要用 uni-app 开发微信小程序？
对比原生微信小程序：
| 原生小程序 | uni-app | |
|---|---|---|
| 语法 | wxml + wxss + js + json | Vue 单文件组件（.vue） |
| 多端 | 只能微信 | 一键转其他小程序 / App |
| 组件生态 | 少 | 插件市场极丰富 |
| 工程化 | 弱 | 支持 Vue 全家桶、打包优化 |
简单讲：用 uni-app 写小程序，开发更快、以后想扩展到 App 也不用重写。
3. 和 HBuilderX 的关系
- HBuilderX是编辑器 / IDE
- uni-app是框架你用 HBuilderX 来写 uni-app 项目，然后一键编译运行到微信开发者工具。
HBuilderX
HBuilderX 已深度集成 uni-app 跨端编译核心，无需单独下载，安装 IDE 后自动可用：
- uni-app 编译器：核心编译插件，负责将你的
.vue代码编译为各平台专属代码（如微信小程序的.wxml/.wxss、App 端的 JS/TS 等）。Vue2 版本基于Webpack构建，Vue3 版本基于Vite构建，后者编译速度更快uni-app。 - 基础语言 / 样式支持：内置对TypeScript、ESLint、Prettier等工具的插件支持，实现代码检查、格式化与静态类型检查。
- 跨平台编译引擎：针对小程序、App、H5 等多端，内置对应编译适配器，自动处理平台差异化逻辑，支持条件编译（如
#ifdef MP-WEIXIN语法）uni-app。
Node.js
让 JavaScript 代码可以在电脑 / 服务器上运行的工具，不再只能在浏览器里跑。
Node.js 负责：
- 编译 uni-app 代码（.vue → 小程序代码）
- 管理项目依赖包（npm 工具）
- 启动服务、热重载、打包
- HBuilderX 运行小程序必须依赖它
