uni-app x

uni-app x 简介

uni-app x，是一个跨平台的应用开发引擎。

它包括uts语言、uvue渲染引擎、uni的组件和API、以及扩展机制。

uni-app x 中，需使用 uts 而不是js。尤其是 Android端不自带js引擎，无法运行js代码。

uts

uts是一门类ts的、跨平台的、新语言。

全称 uni type script，是一门跨平台的、高性能的、强类型的现代编程语言。它在不同平台，会被编译为不同平台的native语言，如：

• web/小程序平台，编译为JavaScript
• iOS平台，编译Swift
• 鸿蒙next平台，编译为ArkTS
• Android平台，编译为Kotlin（*本质上是换了vue写法的原生kotlin应用，在性能上与原生kotlin一致，它的逻辑层和UI层都是纯原生的，没有通信问题，所以它的性能真正达到了原生水平 *）

uvue渲染引擎

uvue是一套基于uts的、兼容vue语法的、跨平台的、原生渲染引擎。

uts替代的是js；
而uvue替代的就是html和css。

uvue 渲染引擎包括uts版的vue框架（组件、数据绑定…）、跨平台基础ui、css引擎。有了uvue，就可以使用vue语法、css来快速编写页面，编译为不同平台的、高性能的纯原生界面。

uvue支持的是vue3语法，支持组合式API和选项式API。

uvue在App端支持的css语法，是web的子集，类似于但优于nvue的css，仅支持flex布局。使用该css子集，可保证跨端。如果把uvue页面编译到web平台，则web的其他css也都可以使用。

uni的组件

uni-app x支持的组件包括：

内置基础组件：如view、text、image、scroll-view、input...等
自定义vue组件：使用内置组件和vue组件技术进行封装的组件，支持easycom。
uts组件插件：用于原生sdk的ui以组件的方式嵌入。

除了微信小程序，其他端不支持小程序wxml组件。

API

uni-app x不会限制任何原生API的调用，在每个平台都可以调用其平台所有原生能力：

• web平台：可调用浏览器的所有api，可混合使用js，可使用web生态的各种库，包括npm。
• 小程序平台：可调用小程序的所有api，可混合使用js，小程序的自定义组件生态（如wxml组件），包括支持小程序的npm库。
• Android平台：可调用Android os的所有api，可混合使用kotlin、java源码，可使用所有适配Android的sdk，包括so库，可使用gradle等仓储。
• iOS平台：可调用iOS的所有api，可混合使用swift，可使用所有适配iOS的sdk，包括动态库静态库，可使用cocoaPods库管理
• Harmony平台：可调用鸿蒙的所有api，可混合使用ArkTS，可使用所有适配鸿蒙的sdk，包括so库，可使用ohpm库管理。

在uni-app x里，可以直接调用 OS 的能力，不受限制，语法是uts的语法，但需要了解什么功能在原生里是哪个api。

uni.的api，大多是uts开发的，开源在 uni-api。

uni-app js引擎版，支持 plus API 和 weex API。但 uni-app x 中，不再支持这些API。

插件生态

uni-app x的插件生态，基于uts插件。这是一种面向全端的、统一的插件管理方案。

uts 插件市场

uts插件通过统一的interface，约束了所有平台的API的输入输出，甚至错误码，保障了跨平台调用的一致性。

环境搭建

HBuilderX

官方推荐使用 HBuilderX 来开发 uni-app 类型的项目，开发方式比较简单，内置相关环境以及终端，无需配置 node。

下载

HBuilderX下载地址: HBuilderX下载地址

解压安装包

HBuilderX，Windows为zip包，解压后才能使用。

1. 首先，选中下载的zip包，点击右键菜单，点击解压到当前文件夹
2. 进入解压后的文件夹，找到HBuilderX.exe，直接点击打开。

特别注意：解压过程中，不要中断解压。

错误的打开方式

1. 直接双击，在压缩包中，打开HBuilderX.exe是错误的。
2. 从压缩包中，把HBuilderX.exe拖到桌面也是错误的。

创建桌面快捷方式

如上图操作，会在桌面生成一个快捷方式：

卸载 HBuilderX

Windows卸载HBuilderX

1. 删除数据目录和及注册表，进入HBuilderX安装目录，找到reset.bat，点击运行。此操作可以删除HBuilderX数据目录及注册表;
2. 删除程序目录。windows, HBuilderX安装包是zip包，直接将解压的文件夹删除即可；
3. 如桌面有HBuilderX快捷方式，直接删除桌面快捷方式即可。

官方文档

uni-app x 文档

uni-app x 文档

uts 文档

uts 文档

HBuilderX 文档

HBuilderX 文档