weex 项目搭建

前言

简介:Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。

Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验,来构建 Android、iOS 和 Web 应用。简单来说,在集成了 WeexSDK 之后,你可以使用 JavaScript 语言和前端开发经验来开发移动应用。

Weex 渲染引擎与 DSL 语法层是分开的,Weex 并不强依赖任何特定的前端框架。目前 Vue.js 和 Rax 这两个前端框架被广泛应用于 Weex 页面开发,同时 Weex 也对这两个前端框架提供了最完善的支持。Weex 的另一个主要目标是跟进流行的 Web 开发技术并将其和原生开发的技术结合,实现开发效率和运行性能的高度统一。在开发阶段,一个 Weex 页面就像开发普通网页一样;在运行时,Weex 页面又充分利用了各种操作系统的原生组件和能力。

1.安装 weex-toolkit

$ npm i -g weex-toolkit 
$ weex -v // 查看当前weex工具版本

2.初始化项目

$ weex create weex create myWeex

3.weex项目安装配置

在这里插入图片描述

4.起项目

在这里插入图片描述
项目安装好了,开始起项目:

cd .\myWeex\
yarn start

在这里插入图片描述

5.项目成功启动

然后工具会启动一个本地的 web 服务,监听 8081 端口。你可以打开 http://localhost:8081 查看页面在 Web 下的渲染效果。

源代码在 src/ 目录中,你可以像一个普通的 Vue.js 项目一样来开发.

还会弹一个页面出来,如图:
在这里插入图片描述
手机下载APP可以预览效果:(下载链接在这里

在这里插入图片描述
扫码要求必须,手机与电脑处于同一无线局域网络下,即IP地址一样(我的理解),但是有时候总是会出现扫码不成功,出现network error的界面。

6.原生环境

默认情况下 weex create 命令并不初始化 iOS 和 Android 项目,你可以通过执行 weex platform add 来添加特定平台的项目。

weex platform add ios
weex platform add android

在这里插入图片描述
可以看到platforms文件夹下多了一个android文件夹
在这里插入图片描述
由于网络环境的不同,安装过程可能需要一些时间,请耐心等待。如果安装失败,请确保自己的网络环境畅通。

为了能在本地机器上打开 Android 和 iOS 项目,你应该配置好客户端的开发环境。对于 iOS,你应该安装并且配置好 Xcode。对于 Android,你应该安装并且配置好 Android Studio。当开发环境准备就绪后,运行下面的命令,可以在模拟器或真实设备上启动应用:

weex run ios
weex run android
weex run web

下载会比较慢
在这里插入图片描述

参考链接:
1.weex官网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值