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 负责：

1. 编译 uni-app 代码（.vue → 小程序代码）
2. 管理项目依赖包（npm 工具）
3. 启动服务、热重载、打包
4. HBuilderX 运行小程序必须依赖它