Weex简介及环境搭建(mac版)
程序员文章站
2024-03-15 23:30:24
...
1.Weex简介及特点
- weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。
- 在Ios和Android上都实现了一个渲染引擎,并提供了一套基础的内置组件,渲染出来的都是原生组件。
- 提供了一套基础的内置模块,可以通过这些模块来调用一些原生方法。
- Weex的口号是“Write once, run everywhere”,编写一次代码,三端共用(Web, Android, Ios)。
- Weex将Vue, Rax作为其内置的前段框架(Vue.js, Rax都已经集成了Weex SDK, 不需要再额外引用)。
2.安装流程(ios)
2.1 安装Node.js 4.0+
在https://nodejs.org/en/网站上下载并安装。
2.2 在项目根目录下,安装npm
npm install
2.3 安装 weex-toolkit(WEEX工具包)
终端执行:
sudo npm install -g weex-toolkit
2.4 下载weex代码
在https://github.com/alibaba/weex网站上下载。
2.5 ios环境安装
安装xcode,可从app store下载。
安装CocoaPods(iOS开发的第三方资源管理工具,类似于npm)。
需要先安装ruby,mac默认自带ruby,但版本不一定够高,可以通过rvm(类似于nvm,同时管理多版本环境)更新ruby。选择2.3.0版本即可正常安装CocoaPods。
安装命令为:
sudo gem install cocoapods
- 进入weex目录下playground/ios,在该文件夹下打开终端窗口,执行
pod install
安装第三方资源,该过程比较长,请耐心等待。
- 用Xcode打开WeexDemo.xcworkspace。
- 单击“运行”即可看到界面。
更多内容,欢迎关注微信公众号“让知识成为资产”。