本文主要介绍一下阿里跨平台框架weex在mac机下的环境搭建,以及在搭建过程各种遇到的各种坑,希望对大家有所帮助。
背景
刚入职了新公司,整个前端采用了阿里的weex框架来实现跨平台开发。对于本人一个纯iOS开发者来说,虽听过类似的框架(RN),却从未真正使用过,故而需要重头开始学习,并记录下学习过程,仅供大家参考,如有错误的地方,欢迎补充指正。
参考
环境搭建
第一步:安装依赖
注意: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,至于如何安装,直接查看官网就行
网友评论