Weex简介和环境的安装—


介绍

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

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

设置开发环境

安装依赖

Weex 官方提供了weex-cli 的脚手架工具来辅助开发和调试。

首先,你需要 Node.js 和 Weex CLI。

安装 Node.js 方式多种多样,最简单的方式是在 Node.js 官网 下载可执行程序直接安装即可。

更多安装方式可参考 Node.js 官方信息

TIP

通常,安装了 Node.js 环境,npm 包管理工具也随之安装了。因此,直接使用 npm 来安装 weex-toolkit, 你也可以通过 yarn 来进行安装。

国内的开发者推荐将npm镜像切换至 Taobao NPM 镜像 https://registry.npm.taobao.org。

运行下面的命令安装最新的beta版本工具:

OSX环境

$ sudo chmod -R 777 /usr/local/lib/node_modules/
$ npm i -g weex-toolkit // 安装不要使用sudo执行
$ weex -v // 查看当前weex工具版本

Windows环境

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

安装结束后你可以直接使用 weex help 命令验证是否安装成功,它会显示 weex 支持的所有指令,同时,你也可以通过 weex doctor 命令检查你的本地开发环境

详细地址:https://weex.apache.org/zh/guide/develop/setup-develop-environment.html#%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96

创建一个App

https://weex.apache.org/zh/guide/develop/create-a-new-app.html#%E5%88%9D%E5%A7%8B%E5%8C%96

开发工具

vscode https://weex.apache.org/zh/tools/extension.html

weex studio下载地址:https://weex.apache.org/zh/tools/ide.html

UI框架:

EEUI 是一个基于 WeexSDK 开发的独立完整框架(EEUI 仅支持 Android、iOS两端,不支持WEB端)。

Weex Ui https://apache.github.io/incubator-weex-ui/#/?id=weex-ui

BUI-weex (一套专门为 Weex 前端开发者打造的一套高质量UI框架): http://dev.bingocc.com/buiweex/

水滴-ui (一个轻量级weex UI组件库,包含表单元素,tabbar,picker城市三级联动选择,actionsheet,switch等一系列常用组件): https://github.com/hbteam/weex-droplet-ui

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×