在当前移动互联网时代，移动应用开发越来越火热，每个企业都有着自己的APP，但随着多平台并存的现状，不同平台的开发成本也随之提高。为了降低开发成本及提高开发效率，各种跨平台技术层出不穷。今天我们来介绍一种基于Vue框架和Node.js的跨平台开发框架——Uni-App。
Uni-App优势
Uni-App是由微信官方推出的一款全新跨平台开发框架，具备如下优势：
一、开发效率高
Uni-App采用Vue.js框架编写，同时利用了多端统一处理的技术，可一次编码，多个平台运行。Uni-App不需要多余的学习成本，开发者可以直接使用Vue.js的语法来开发APP，还可以直接使用vue-cli3的所有功能，不需要重新学习很多新的东西。同时，Uni-App的插件开发方式也很简单，只需按照Vue.js的插件开发方式来进行即可。
二、跨平台支持好
Uni-App融合了微信小程序开发的一些特性，不仅可以通过H5的形式在各种浏览器上运行，同时还可以一次编译，同时在各大移动端App上运行。Uni-App不仅支持微信小程序开发，还支持Android、iOS、H5、以及各种快应用等多个平台，实现了较为全面的跨平台支持。
三、UI框架多，自由度高
Uni-App支持多种UI框架，包括iview、bootstrap-vue、weex-ui、vant等，且可以与任何第三方UI库进行集成。
Uni-App实战演练
下面我们以开发一个简单的Uni-App应用为例，来演示Uni-App的实际应用效果。
一、创建Uni-App项目
首先，我们需要安装globaly安装unia及vue-cli3（如果已安装可忽略）
```npm i -g unianpm i -g @vue/cli```安装完两个依赖后，我们可以通过以下命令来创建一个Uni-App项目：
```npm init unia myappcd myappnpm installnpm run dev:%PLATFORM%```其中，\"myapp\"代表创建的项目名称，\"%PLATFORM%\"代表要运行的平台。以H5为例，运行命令为\"npm run dev:h5\"
二、创建页面
在项目根目录下创建一个pages文件夹，然后在该文件夹下创建一个index目录，在该目录下创建一个index.vue文件，即可完成一个简单的页面的创建。
```{{ message }}
三、运行应用
通过执行\"npm run dev:h5\"命令，我们就可以启动我们的应用。Uni-App会自动编译我们的代码，并在浏览器中打开一个H5页面展示我们的应用。
Uni-App小结
Uni-App是一种非常好用的跨平台开发技术，它具有开发效率高、跨平台支持好、UI框架多、自由度高等诸多优点。它基于Vue框架和Node.js而开发，对于Vue开发者非常友好，并且集成了微信小程序开发的一些特性，可在不同的平台上，帮助开发者来快速构建APP应用。
