1. 程式人生 > >Weex 學習筆記(一)- 搭建Weex專案

Weex 學習筆記(一)- 搭建Weex專案

Weex 學習(一)- 搭建專案

從今天開始學習 Weex 的技術。記錄其中過程遇到的問題。好了,開始挖坑之路!

一、

首先根據 Weex官方文件 開始! 根據以下命令全域性安裝一個Weex控制檯:weex-toolkit(可以理解為 Vue 的 vue-cli 一樣的東西):

npm install weex-toolkit -g

注意:這裡雖然可以使用:cnpm install weex-toolkit -g 命令成功安裝weex-toolkit,但是在後面安裝依賴的時候會莫名其妙的出現錯誤,所以建議使用 npm 安裝! 可以參考這裡:https://segmentfault.com/q/1010000011187855

最後可以執行: weex -v 命令檢視 weex-tooklkit 的版本號,以確定工作臺是否正確安裝。

以上步驟完成以後,說明控制檯已近安裝好了,就可以開始建立我們的第一個專案了。執行以下命令建立我們的第一個專案:

weex create first-weex-app-name

說明:在執行這個命令以後,需要填寫一些資訊,其實就是專案的名稱、描述、建立預設型別和是否使用ESlint檢查工具,等等。其實這一步和普通的vue專案建立沒有太多區別。

如果你使用的是npm 建立的專案,基本不會有太多問題。有的話,應該就是自己的環境,可能node、npm或者weex-toolkit的版本比較低,然後刪除重新安裝新版本就好。 然後繼續根據工作臺的命令的提示,執行:npm start

等一會,就如下圖展示,能在瀏覽器裡面看到專案已經跑起來了。然後為了以後的除錯方便,一下個掃碼的工具:Weex Playground App

在這裡插入圖片描述

哈哈,到此專案就算是搭建起來了,入坑好運!

版本記錄: 2018/09/27 21:12 釋出