第一個weex程序

在開發以前，請先安裝nodejs。安裝辦法這裏不做詳細介紹。

1.經過npm安裝weex-toolkit

npm install -g weex-toolkit
#經過下面辦法檢查安裝是否成功
weex --version
#查看幫助
weex --help

2.建立第一個weex項目

#先建立一個項目目錄
mkdir weex
#切換到項目目錄
cd weex
#初始化一個weex項目
weex init

建立成功後能夠看到，weex的目錄結構。則表示項目已經建立成功。

3.測試運行一下。

#指定端口預覽頁面
weex ./src/weex-bootstrap.we --port 9222

weex會啓動服務器並自動打開預覽的Html5頁面。

或者按照下面辦法啓動服務器進行預覽。

#首先下載相關的依賴
npm install
#編譯項目
npm run build
#啓動服務器
npm run serve
> weex@1.0.0 serve I:\self-code\Weex_HelloWorld\weex
> serve -p 8080

4.使用Playground進行調試。

先下載安裝Playground。下載地址：https://weex-project.io/download.html。

#啓動debug服務
weex debug src -e weex-bootstrap.we --port 9222

啓動成功後，能夠看到相似下面的界面。

經過Playground掃描第一個二維碼，進入debug狀態。

點擊Inspector能夠本地預覽頁面。掃第二個二維碼能夠在手機上預覽頁面。