第一步:安裝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é)果如下嗡载,那么就安裝成功啦:
第二步:初始化項(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)址失敗
最后我關(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)小小的幫助給大家。