欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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环境安装

  1. 安装xcode,可从app store下载。

  2. 安装CocoaPods(iOS开发的第三方资源管理工具,类似于npm)。
    需要先安装ruby,mac默认自带ruby,但版本不一定够高,可以通过rvm(类似于nvm,同时管理多版本环境)更新ruby。选择2.3.0版本即可正常安装CocoaPods。
    安装命令为:

sudo gem install cocoapods
  1. 进入weex目录下playground/ios,在该文件夹下打开终端窗口,执行
pod install

安装第三方资源,该过程比较长,请耐心等待。

Weex简介及环境搭建(mac版)

  1. 用Xcode打开WeexDemo.xcworkspace。
  2. 单击“运行”即可看到界面。

上文:JavaScript笔试题(一)

更多内容,欢迎关注微信公众号“让知识成为资产”。

相关标签: weex 环境搭建