前言
環(huán)境配置的話Weex和RN是相似的，這部分小坑很多，但還是很容易解決的。
正文
Weex環(huán)境配置Windows和Mac是相似的。一共4步：
1.安裝Node.js;
2.安裝weex工具包;
3.初始化項(xiàng)目;
4.Hello World;
1. 安裝Node.js:
- Mac:
命令行執(zhí)行：
brew install node;
可能會(huì)提示更新XCode，更新到最新版本即可。
npm -v;
node -v;
查看安裝結(jié)果。 - Windows兩種方案:
- 通過Window包管理工具Chocolatey安裝（需要安裝Chocolatey客戶端等軟件，比較繁瑣）。
- 直接下載Node.js安裝包安裝：上官網(wǎng)，下載msi安裝包。完成后輸入npm -v驗(yàn)證。
2. 安裝weex工具包；
npm install -g weex-toolkit;
可能會(huì)需要升級(jí)node版本,sudo安裝。
weex -v;
查看安裝結(jié)果。
3. 初始化項(xiàng)目：
選擇自己要?jiǎng)?chuàng)建項(xiàng)目的目錄，在該目錄下執(zhí)行：
weex create awesome-project
填一些項(xiàng)目相關(guān)信息，可以一路回車鍵。
坑：
小坑01.png
如果你的停留在這個(gè)界面，那么可以關(guān)掉這個(gè)窗口了，此時(shí)你的項(xiàng)目已經(jīng)初始化完畢了，可以進(jìn)到下一個(gè)步驟了。
4. 打包程序：
在項(xiàng)目的的目錄下運(yùn)行,來Build項(xiàng)目：
npm run dev;
坑：
小坑02.png
如果卡在了這一步，對(duì)，可以把它關(guān)掉了。在項(xiàng)目的目錄下再次打開命令行，繼續(xù)往下走。
運(yùn)行程序：
npm run serve;
官方DEMO界面.png
如果瀏覽器被打開，并且彈出這樣一個(gè)頁面。
恭喜你，你已經(jīng)把官方的Demo跑起來了。
項(xiàng)目目錄.png
這個(gè)是項(xiàng)目的目錄：
- dist目錄下存放的就是根據(jù)代碼生成的Jsbundle，.js后綴的是給Android和ios運(yùn)行的，.web.js是給web端運(yùn)行的。
- 我們寫的代碼放在src下面，在src下面index.vue中，就可以看到你剛才運(yùn)行頁面的代碼了。
- weex支持熱更新，你可以嘗試在布局文件中做一點(diǎn)小改動(dòng)，比如修改一下文字，保存之后，你就可以在網(wǎng)頁上看到你的修改了。
開發(fā)工具的話WebStorm，IDEA其實(shí)都可以，我使用的是：VSCode + 插件weex support。
選擇一款你喜歡的開發(fā)工具，真正的開始編寫代碼吧。
