mac配置Weex環境及HelloWorld
先檢查npm, node是否安裝。如下圖。
//安裝weex穩定版V1.0.5
npm install -g [email protected]
//查看是否安裝成功
weex -v
//選擇yes
? May weex-toolkit anonymously report usage statistics to improve the tool over
time? Yes
//選擇taobao
? Which npm registry you perfer to use? taobao
//進入自己的文件夾,創建工程test1
weex init test1
//進入剛纔創建好的工程
cd test1
//安裝項目依賴
npm install
//如果生成了node_modules文件夾,則表示安裝依賴成功。
//啓動服務
npm run dev
//打開新的終端,並進入剛纔創建好的功能
cd /Users/crook/Documents/前端/WeexProject/test1
//
npm run serve
打開瀏覽器,輸入地址:http://localhost:8080/ ,雖然界面顯示了,但是沒有看到Hello World。還需要修改一個東西,進入到工程文件夾的node_modules文件夾的dist,如:/Users/crook/Documents/前端/WeexProject/test1/node_modules/weex-vue-render/dis,將dis文件夾裏面index.js文件複製到上一級目錄,即dis同級目錄。
上面修改完成後,在手機上安裝一個app,叫weexplayground,打開二維碼掃描上面的二維碼,手機上自動打開剛纔的頁面,可以看到Hello World運行成功。