weex学习笔记(一):mac weex环境搭建

2017-08-07  本文已影响0人  kindom_0129

本文主要介绍一下阿里跨平台框架weex在mac机下的环境搭建,以及在搭建过程各种遇到的各种坑,希望对大家有所帮助。

背景

刚入职了新公司,整个前端采用了阿里的weex框架来实现跨平台开发。对于本人一个纯iOS开发者来说,虽听过类似的框架(RN),却从未真正使用过,故而需要重头开始学习,并记录下学习过程,仅供大家参考,如有错误的地方,欢迎补充指正。

参考

weex官方中文文档

环境搭建

第一步:安装依赖

注意:node.js需要4.0+

首先,你需要 Node.js
安装 Node.js 最简单的方式是在 Node.js 官网 下载可执行程序直接安装即可。
对于 Mac,可以使用 Homebrew 进行安装:

brew install node

安装完成后可以通过命令来查看安装结果

$ node -v
v6.11.2
npm -v
3.10.10

通常,安装了 Node.js 环境,npm 包管理工具也随之安装了。因此,直接使用 npm 来安装 weex-toolkit。
npm 是一个 JavaScript 包管理工具,它可以让开发者轻松共享和重用代码。

第二步:weex-toolkit安装

Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。
可以参考: Weex CLi

$ npm install -g weex-toolkit
   v1.0.5
$ weex -v
v1.0.5
 - weex-builder : v0.2.6
 - weex-previewer : v1.3.8

这样weex的环境就搭建好了。
注意: weex-toolkit 在 1.0.1 之后才支持初始化 Vue 项目,使用前请确认版本是否正确。

本人按照官方文档一步一步安装下来,结果尽然悲剧了,不能用!真的不能用!抱错!没有 weex-builder和weex-previewer(当时安装的weex CLi是最新(1.0.7s)版本)!
好吧,那就安装weex-builder和weex-previewer,结果还是悲剧,找了很多资料尽然都没解决,怎么办?!
后来我问了周围同事,看到他们的版本是1.0.5,难道是我版本太高了?
于是卸载了安装指定版本吧(1.0.5),步骤如下:
首先卸载

$ npm uninstall -g weex-toolkit

指定版本安装

$ npm install -g weex-toolkit@1.0.5

好了,安装完成,试试看。
oh,god!还是不行!
好吧,在看看node.js,我的还是最新的,试试用老版本?
于是开始了繁琐的卸载node.js过程,真的很繁琐,参考百度,过程就不说了。O(∩_∩)O~
然后在官网加载了6.11.2版本,最后安装weex-toolkit@1.0.5.。
至此,大功告成!

补充

1.在安装weex-toolkit会有几个警告,可忽略。

2.pip(python)安装

sudo easy_install pip

3.oss2安装

sudo  pip install oss2

4.configparser安装

sudo  pip install configparser

5.安全起见,建议再安装一下weex-bulider

sudo nom install -g weex-bulider@0.2.6

6.weex-compents安装
到weex目录先执行:

sudo nom install -g weex-compents

7.另外你需要JDK,至于如何安装,直接查看官网就行

上一篇下一篇

猜你喜欢

热点阅读