Weex初探--mac環(huán)境搭建


第一步:安裝Node.js

1. 直接官網(wǎng)下載,參考Node.js 官方信息

2. 命令行今阳,但是要先安裝Homebrew?已有則直接使用brew命令安裝:

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

因網(wǎng)絡(luò)的原因,可能會(huì)不成功,請多嘗試幾次,一直到成功安裝.

中間會(huì)出現(xiàn)一個(gè) Press RETURN to continue or any other key to abort,請及時(shí)回車,并輸入密碼,不要傻等著…

brew install node

安裝完成可以通過node -v查看是否安裝成功

node -v

通常,安裝了 Node.js 環(huán)境茅信,npm 包管理工具也隨之安裝了,

npm 是一個(gè) JavaScript 包管理工具盾舌,它可以讓開發(fā)者輕松共享和重用代碼。Weex 很多依賴來自社區(qū)蘸鲸,同樣妖谴,Weex 也將很多工具發(fā)布到社區(qū)方便開發(fā)者使用。

npm install -g weex-toolkit

當(dāng)然國內(nèi)開發(fā)者可以考慮(建議)使用淘寶的 npm 鏡像 —— cnpm 安裝 weex-toolkit

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g weex-toolkit

如果提示權(quán)限錯(cuò)誤(permission error),使用 sudo 關(guān)鍵字進(jìn)行安裝

sudo cnpm install -g weex-toolkit

安裝結(jié)束后你可以直接使用 weex 命令驗(yàn)證是否安裝成功膝舅,它會(huì)顯示 weex 命令行工具各參數(shù)

weex

結(jié)果如下嗡载,那么就安裝成功啦:

成功安裝weex

第二步:初始化項(xiàng)目

1. 修改當(dāng)前終端路徑到你想創(chuàng)建項(xiàng)目工程的路徑下,否則默認(rèn)系統(tǒng) /user下

2. 輸入以下命令行仍稀,馬上出現(xiàn)的一行新命令中洼滚,敲一個(gè)回車,應(yīng)該瞬間創(chuàng)建完成初始化

weex init XPWeex1

注:XPWeex1 ?只是我的工程項(xiàng)目名稱技潘。O(∩_∩)O自由發(fā)揮

第三步:開發(fā)

1. 修改終端路徑到項(xiàng)目工程下遥巴,我創(chuàng)建的是XPWeex1所以進(jìn)入XPWeex1目錄下,并依次執(zhí)行

npm install

npm run dev

npm run serve

然后直接 打開瀏覽器崭篡,進(jìn)入 http://localhost:8080/index.html 即可看到 weex h5 頁面挪哄,

AppStore下載WeexPlayground并用WeexPlayground掃描頁面上行的二維碼即可在手機(jī)上展示

并且可以在終端上看到日志

成功執(zhí)行到第二行命令后吧秕,一直卡著琉闪,并且打開網(wǎng)址失敗


npm run dev結(jié)果

最后我關(guān)閉了終端,在項(xiàng)目目錄下再敲第三行命令砸彬,就能打開網(wǎng)址了

其實(shí)已經(jīng)說明環(huán)境搭建是成功啦颠毙。那我們緊接著就可以開始進(jìn)行第一次的開發(fā)了。

作者是一名Objiect-C開發(fā)iOS的攻城獅砂碉,平時(shí)有空喜歡研究前端開發(fā)蛀蜜,所以我學(xué)過好多包括:Swift、Html5增蹭、甚至Python等滴某,后來學(xué)著學(xué)著發(fā)現(xiàn),這里學(xué)了那里忘了滋迈。所以第一次嘗試記錄下自己的學(xué)習(xí)過程霎奢,(中間踩了好多坑,但是我是事后記錄的饼灿,前面的過程歪路不記得了>_<)并幫助自己以后回顧幕侠,順便提供一點(diǎn)小小的幫助給大家。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末碍彭,一起剝皮案震驚了整個(gè)濱河市晤硕,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌庇忌,老刑警劉巖舞箍,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異皆疹,居然都是意外死亡疏橄,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進(jìn)店門墙基,熙熙樓的掌柜王于貴愁眉苦臉地迎上來软族,“玉大人刷喜,你說我怎么就攤上這事×⒃遥” “怎么了掖疮?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長颗祝。 經(jīng)常有香客問我浊闪,道長,這世上最難降的妖魔是什么螺戳? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任搁宾,我火速辦了婚禮,結(jié)果婚禮上倔幼,老公的妹妹穿的比我還像新娘盖腿。我一直安慰自己,他們只是感情好损同,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布翩腐。 她就那樣靜靜地躺著,像睡著了一般膏燃。 火紅的嫁衣襯著肌膚如雪茂卦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天组哩,我揣著相機(jī)與錄音等龙,去河邊找鬼。 笑死伶贰,一個(gè)胖子當(dāng)著我的面吹牛蛛砰,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播幕袱,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼暴备,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了们豌?” 一聲冷哼從身側(cè)響起涯捻,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎望迎,沒想到半個(gè)月后障癌,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡辩尊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年涛浙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,991評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡轿亮,死狀恐怖疮薇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情我注,我是刑警寧澤按咒,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站但骨,受9級特大地震影響励七,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜奔缠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一掠抬、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧校哎,春花似錦两波、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至阳准,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間馏臭,已是汗流浹背野蝇。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留括儒,地道東北人绕沈。 一個(gè)月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像帮寻,于是被迫代替她去往敵國和親乍狐。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內(nèi)容