Weex系列(1)- Weex环境安装


一、前言

微信关注的公众号推送了几篇Weex的文章,借此机会了解下Weex,在这里记录下学习的历程。

二、Weex简介

Weex是阿里巴巴在2016年6月份对外开源的一款移动端跨平台的移动开发工具,是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue 合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,我们甚至可以使用其他框架驱动 Weex,打造三端一致的 native 应用。

Weex的出现让我们的应用既有了Native的性能和H5的动态性,只要通过前端JS语法就能写出同时兼容iOS、Android、Web三端兼容的页面,解决了移动应用开发中频繁发版和多端研发等痛点。

相对于Facebook的React Native,Weex更加轻量、接入成本更小、更容易上手。而且Weex的理念(write once, run everywhere)相比于React Native的理念(Learn once, write anywhere)更加的让人感觉NB,Weex的底层framework磨平了上层调用的差异。

Weex更多细节参考: http://alibaba.github.io/weex/index.html

三、Weex开发环境搭建

1、安装Node环境

1.0、安装Homebrew

Homebrew是Mac OSX上的软件包管理工具,能够在Mac中方便的安装和卸载软件。后面会采用Homebrew安装Node环境。

打开终端,输入以下命令:

HTdeMacBook-Pro:~ CHT$ brew

如出现以下情况说明mac未安装Homebrew:

-bash: /usr/local/bin/brew: No such file or directory

安装方法,输入以下命令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

稍等片刻,等待安装完成。安装失败或长时间没反应,可尝试翻墙解决。
检查是否安装成功:

HTdeMacBook-Pro:~ CHT$ brew --version

若安装成功,显示如下:

Homebrew 1.1.6

1.1、安装Node和npm

Node是Weex代码构建中的必要依赖,Weex需要Node4.0以上的环境。
npm(node package manager)是nodejs的包管理器,用于Node插件管理(包括安装、卸载、管理依赖等),安装Node的同时会安装好npm。
安装方式:打开终端,输入以下命令:

HTdeMacBook-Pro:~ CHT$ brew install node

稍等片刻,等待安装完成。安装失败或长时间没反应,可尝试翻墙。
安装完成或可通过以下命令验证是否安装成功:

HTdeMacBook-Pro:~ CHT$ node -v

v7.4.0

HTdeMacBook-Pro:~ CHT$ npm -v

4.0.5

2、安装weed-toolkit

使用上面安装完成的npm进行安装,安装命令如下:

HTdeMacBook-Pro:~ CHT$ npm install -g weex-toolkit

笔者在这一步卡住了很久没有反应,后来尝试将npm更换到国内淘宝镜像,问题解决。
安装命令如下:

HTdeMacBook-Pro:~ CHT$ npm install cnpm -g --registry=https://registry.npm.taobao.org

不出意外的话,这次不会卡住。耐心等待安装完成,可通过以下命令检查是否安装成功:

HTdeMacBook-Pro:~ CHT$ cnpm -v

4.4.2

cnpm与npm用法相同,只需把所有命令的“npm”换为“cnpm”即可。
使用cnpm安装weed-toolkit,安装命令如下:

HTdeMacBook-Pro:~ CHT$ cnpm install -g weex-toolkit

安装完成后,可通过以下命令验证:

HTdeMacBook-Pro:~ CHT$ weex --version

info 0.6.4

到这里,说明安装成功!
有任何问题,欢迎留言一起讨论。


参考资料:

Weex开发之路(1):开发环境搭建

weex入门(一)安装配置(踩坑)

第1篇 weex初体验

npm用法以及更换到淘宝镜像的方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容

  • Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做...
    假装我是程序猿阅读 515评论 0 1
  • 如何搭建本地开发环境进行 Weex 开发。 使用Homebrew 进行安装 node;通常,安装了 Node.js...
    kakukeme阅读 1,405评论 0 50
  • 坠落西山的日头收尽了最后一丝光芒,天色暗淡下来,白日的酷暑似乎失去了淫威, 夜风穿过高大的白杨树,树叶子哗啦啦地响...
    青蔓阅读 897评论 2 5
  • 今天好热,今晚不值班,晚上吃完饭,女儿自己打水洗脚,然后把水也倒进厕所,还说妈妈我现在长大了,有些事情我要自己做,...
    海浪花_2642阅读 137评论 0 1
  • 十九世纪末,日本东京。一名位高权重的军医总监,收到了14岁儿子的一封信。他既诧异又愤怒——诧异的是,父子俩明明住在...
    那一座城阅读 1,230评论 0 4