棄用 uni-app！Vue3 的原生 App 開發(fā)框架來了！
長久以來，"用 Vue 3 寫真正的原生 App" 一直是塊短板。
uni-app 雖然"一套代碼多端運行"，但性能瓶頸、廠商鎖倉、原生能力羸弱的問題常被開發(fā)者詬病。
整個 Vue 生態(tài)始終缺少一個能與 React Native 并肩的"真·原生"跨平臺方案。
直到 NativeScript-Vue 3 的橫空出世，并被 尤雨溪 親自點贊。
為什么是時候說 goodbye 了？
uni-app 現狀 | 開發(fā)者痛點 |
渲染層基于 WebView 或弱原生混合 | 啟動慢、掉幀、長列表卡頓 |
自定義原生 SDK 需寫大量 | 維護成本高，升級易斷裂 |
鎖定 DCloud 生態(tài) | 工程化、Vite、Pinia 等新工具跟進慢 |
Vue 3 支持姍姍來遲，Composition API 兼容碎裂 | 類型推斷、生態(tài)插件處處踩坑 |
"我們只是想要一個 Vue 語法 + 真原生渲染 + 社區(qū)插件開箱即用 的解決方案。"—— 這，正是 NativeScript-Vue 給出的答案。
尤雨溪推特背書
2025-10-08，Evan You 轉發(fā) NativeScript 官方推文：
"Try Vite + NativeScript-Vue today — HMR, native APIs, live reload."
配圖是一段 <script setup> + TypeScript 的實戰(zhàn) Demo，意味著：
- 真正的 Vue 3 語法（Composition API）
- Vite 秒級熱重載
- 直接調用 iOS / Android 原生 API
獲創(chuàng)始人的公開推薦，無疑給社區(qū)打了一劑強心針。
NativeScript-Vue 是什么？
一句話：Vue 的自定義渲染器 + NativeScript 原生引擎
- 運行時 沒有 WebView，JS 在 V8 / JavaScriptCore 中執(zhí)行
- <template> 標簽 → 原生 UILabel / android.widget.TextView
- 支持 NPM、CocoaPods、Maven/Gradle 全部原生依賴
- 與 React Native 同級別的性能，卻擁有 Vue 完整開發(fā)體驗
五分鐘極速上手
(1) 環(huán)境配置（一次過）
# Node ≥ 18
npm i -g nativescript
ns doctor # 按提示安裝 JDK / Android Studio / Xcode
# 全部綠燈即可(2) 創(chuàng)建項目
ns create myApp \
--template @nativescript-vue/template-blank-vue3@latest
cd myApp模板已集成 Vite + Vue3 + TS + ESLint。
(3) 運行 & 調試
# 真機 / 模擬器隨你選
ns run ios
ns run android保存文件 → 毫秒級 HMR，console.log 直接輸出到終端。
(4) 目錄速覽
myApp/
├─ app/
│ ├─ components/ // 單文件 .vue
│ ├─ app.ts // createApp()
│ └─ stores/ // Pinia 狀態(tài)庫
├─ App_Resources/
└─ vite.config.ts // 已配置 nativescript-vue-vite-plugin(5) 打包上線
ns build android --release # 生成 .aab / .apk
ns build ios --release # 生成 .ipa簽名、渠道、自動版本號——標準原生流程，CI 友好。
Vue 3 生態(tài)插件兼容性一覽
插件 | 是否可用 | 說明 |
Pinia | ? | 零改動， |
VueUse | ?? | 僅無 DOM 的 Utilities 可用 |
vue-i18n 9.x | ? | 實測正常 |
Vue Router | ? | 官方推薦用 NativeScript 幀導航 → |
Vuetify / Element Plus | ? | 依賴 CSS & DOM，無法渲染 |
檢測小技巧：
npm i xxx
grep -r "document\|window\|HTMLElement" node_modules/xxx || echo "大概率安全"調試神器：Vue DevTools 支持
NativeScript-Vue 3 已提供 官方 DevTools 插件：
- 組件樹、Props、Events、Pinia 狀態(tài) 實時查看
- 沿用桌面端調試習慣，無需額外學習成本
配置指南：https://nativescript-vue.org/docs/essentials/vue-devtools
插件生態(tài) & 原生能力
(1) 700+NativeScript 官方插件
ns plugin add @nativescript/camera | bluetooth | sqlite...
(2) iOS/Android SDK 直接引入
CocoaPods / Maven 一行配置即可：
// 調用原生 CoreBluetooth
import { CBCentralManager } from '@nativescript/core'(3) 自定義 View & 動畫
注冊即可在 <template> 使用，與 React Native 造組件體驗一致。
結語：這一次，Vue 開發(fā)者不再低人一等
React Native 有 Facebook 撐腰，Flutter 有 Google 背書，現在 Vue 3 也有了自己的 真·原生跨平臺答案 —— NativeScript-Vue。
它讓 Vue 語法第一次 完整、無損、高性能 地跑在 iOS & Android 上，并獲得 尤雨溪 公開點贊與 Vite 官方生態(tài)加持。
棄用 uni-app，擁抱 NativeScript-Vue，讓 性能、原生能力、工程化 三者兼得，用你最愛的 .vue 文件，寫最硬核的移動應用！
