uni-app分析

链接：https://uniapp.dcloud.io/README

什么是uni-app

uni-app 是一个使用Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

Uni-app特色

1.一套代码，多端发行；条件编译，一个项目可用不同平台特色工呢

2.运行体验更好

组件、api与微信小程序一致；兼容weex原生渲染

Weex:weex是用跨平台的 Web开发语言和开发经验，来构建 Android、iOS 和 Web等原生引用的框架。

3.通用技术栈，学习成本更低

Vue的语法，微信小程序的api，内嵌mpvue

4.开放的生态，组件更丰富

-支持通过npm安装第三方包

-支持小程序自定义组件及SDK

-兼容mpvue组件及项目

-App端支持和原生混合编码

-DCloud将发布插件市场

快速上手

1.通过Hbuide可视化界面

创建uni-app：点击工具栏的---文件、新建、项目,选择uni-app类型

运行uni-ajpp:

  1).浏览器运行：运行、运行到浏览器、选择浏览器

  2).真机运行：连接手机，开启usb模式；运行、真机运行、运行设备

  3).微信开发者工具运行：运行、运行到小程序模拟器、微信开发者工具

发布uni-app:

  1).打包为原生app

   发行、原生app-云打包

  2).打包为原生app(离线)

   发行、本地打包

3).发布为h5:

  在 manifest.json 的可视化界面，进行如下配置(发行在网站根目录可不配置应用基本路径)，此时发行网站路径是 www.xxx.com/h5，如：https://hellouniapp.dcloud.net.cn。

  选择发行、网站h5

4).发布为微信小程序：

  发行、小程序-微信(填入appid既可)

5)其他发布略

2.通过vue-cli命令行

1).全局安装cue-cli

  npm install -g @vue/cli

2).创建uni-app

  vue create -p dcloudio/uni-preset-vuemy-project

3).运行发布uni-app

  npm run dev:%PLATFORM%

npm run build:%PLATFORM%

(%PLATFORM%:app---app;h5---H5; mp-weixin---微信小程序等)

Uni-app的由来

uni，读 you ni，是统一的意思。

框架介绍

和vue是很像的，略