參考:weex官網(wǎng)weex環(huán)境搭建WEEX快速入門

關(guān)于初始化的命令網(wǎng)上一搜就有一大堆,這里擺出來不再贅述

1.安裝 weex-toolkit(打開cmd)

sudo npm install-g weex-toolkit
npm install-g weex-toolkit

這2個(gè)命令實(shí)現(xiàn)的功能是一樣的,sudo是在沒有權(quán)限的時(shí)候獲取權(quán)限用的,我使用第二條命令安裝,不需要輸入密碼(使用sudo才需要密碼)

2.檢查版本weex --version

終端輸出 info 0.5.9表示創(chuàng)建成功

3.關(guān)于weex的命令請參考上面3個(gè)鏈接

weex init用來新建一個(gè)項(xiàng)目

一路回車就行,終端出現(xiàn)下圖

新建weex項(xiàng)目終端輸出圖

打開文件夾,目錄如下,主文件在src/main.we中

項(xiàng)目結(jié)構(gòu)圖

4.安裝package.json依賴,運(yùn)行 npm i

long long time...(ps: 聽說淘寶的cnpm鏡像比較快,可能是我打開方式不對,試了一次還是回歸npm了)

5.啟動(dòng)項(xiàng)目: 運(yùn)行npm run dev

啟動(dòng)服務(wù)之后npm打包文件的過程

興高采烈的輸入http://localhost:8080/(為何是這個(gè)網(wǎng)址?在package.json的server命令里定義的,README.md也有提及),卻發(fā)現(xiàn)

這個(gè)時(shí)候第三篇外鏈給了我靈感

第三篇啟動(dòng)項(xiàng)目的時(shí)候是直接創(chuàng)建了一個(gè)list.we文件,然后打開終端cd list.vue,直接運(yùn)行weex list.we,我試著

cd src

weex main.we

結(jié)束

番外: 一次只能啟一個(gè)項(xiàng)目