一、概念
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序等多个平台。
二、特点
1、平台能力不受限
- 在跨端的同时，通过条件编译+平台特有API调用，可以优雅的为某平台写个性化代码，调用专有能力而不影响其他平台；
- 支持原生代码混写和原生sdk集成；
2、性能体验优秀
- 体验更好的Hybrid框架，加载新页面速度更快；
- App端支持weex原生渲染，可支撑更流畅的用户体验；
3、周边生态丰富
- 支持NPM、支持小程序组件和SDK、兼容mpvue组件和项目、兼容weex组件；
- 微信生态的各种sdk可直接用于跨平台App
三、功能框架
四、快速上手
方法一：可视化创建项目
1、安装HBuilderX App开发版；
2、通过可视化界面创建项目：在点击工具栏里的文件 -> 新建 -> 项目、选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。
uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。
3、点击工具栏的运行
小程序：如果是第一次使用，需要配置开发工具的相关路径。点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置，配置相应小程序开发者工具的路径。
配置开发工具的相关路径：
- （1）先查看微信开发者平台里面的设置-安全设置-服务端口XXXX；
- （2）在HBuilderX中工具-设置-运行配置，修改外部web服务器URL为“http://127.0.0.1:XXXX”；
- （3）点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置，此时将自启动微信开发者平台。
4、发布uni-app
点击发行
方法二：vue-cli命令行 创建项目
1、安装HBuilderX App标准版；
2、环境安装
npm install -g @vue/cli
3、创建uni-app
vue create -p dcloudio/uni-preset-vue my-project
选择项目模板；也可以自定义模板，需要填写 uni-app 模板地址
4、运行、发布uni-app
// %PLATFORM%取值为平台端
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
