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

Posted 2021-04-29 让知识成为资产

1.Weex简介及特点

• weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。

• Weex的口号是“Write once, run everywhere”，即编写一次代码，三端共用（Web, android, ios）。
  

• 在Ios和Android上都实现了一个渲染引擎，并提供了一套基础的内置组件，渲染出来的都是原生组件。

• 提供了一套基础的内置模块，可以通过这些模块来调用一些原生方法。

• Weex在集成了 WeexSDK 之后，可以使用 javascript 和现代流行的前端框架来开发移动应用。

• Weex将Vue, Rax作为其内置的前段框架（Vue.js, Rax都已经集成了Weex SDK, 不需要再额外引用）。

• Weex 的另一个主要目标是跟进当代先进的 Web 开发和原生开发的技术，使生产力和性能共存。在开发 Weex 页面就像开发普通网页一样；在渲染 Weex 页面时和渲染原生页面一样。

  
  

2.安装流程(ios)

2.1 安装Node.js

在 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

3. 进入weex目录下playground/ios，在该文件夹下打开终端窗口，执行

   pod install

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

4. 用Xcode打开

   WeexDemo.xcworkspace。

5. 单击“运行”即可看到界面。