解释

• 由dcloud 公司开发的 多端融合框架

• 1次开发 多端运行

• 竞品：apiCloud ，appCan ，Codova

• 技术架构

  • Vue语法+小程序的api

• Hybrid混合开发端

  • App端
    - HTML+
    - nvue（原生view）
    - native.js(js原生沟通的桥梁)
    - weex
    - 内置ios/安卓的模块使用
  • H5端
    - h5专用api

• 各种小程序（微信为主）

准备工具

• Hbuilderx （开发与编译工具）
• 微信小程序开发工具（微信小程序预览测试）
• 安卓模拟器/真机==>运行app

界面

新建项目

运行多端

H5

小程序

01 打开开发工具的服务端口

02 HBuilderx配置 微信开发工具的地址

03 配置微信小程序id

04 运行到微信小程序

App

01 打开模拟器或者手机

02 配置模拟器的端口
夜神模拟器端口号：62001
海马模拟器端口号：26944
逍遥模拟器端口号：21503
MuMu模拟器端口号：7555
天天模拟器端口号：6555
雷电模拟器端口号：5555

03 运行到模拟器
注意项
hbuilder可能需要下载对应的插件
运行到安卓模拟器，有视图差别
运行可以需要一定的诗句

相关配置与vue语法

page.json中

尺寸单位

语法

组件