mac配置Weex環境及HelloWorld

 

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運行成功。

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章