1. 程式人生 > >Weex學習之路(一)

Weex學習之路(一)

寫在前面:本文建立在讀者已安裝node.js環境,並掌握vue.js的基礎上。

1.搭建開發環境

1.1安裝依賴

全域性安裝weex-toolkit,類似於vue.js的vue-cli腳手架工具

npm install -g weex-toolkit

若提示沒有許可權,需在命令前新增sudo命令,獲取管理員許可權

sudo npm install -g weex-toolit

若安裝失敗可使用npm的淘寶源進行安裝(不建議使用cnpm)

npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝成功後使用以下命令檢視weex版本

weex -v

1.2初始化專案

在自己常用的工作空間初始化專案

weex create weex-learning

一路回車(預設選擇為常用配置)

初始化完成後會自動執行以安裝依賴

npm install

1.3 啟動專案

安裝完成依賴後,使用以下命令啟動專案

npm run dev // 開啟觀察模式
npm run serve // 開啟靜態伺服器

以上兩個命令需要在兩個終端視窗啟動,啟動成功後瀏覽器會自動開啟一個頁面
在這裡插入圖片描述
至此就完成了一個weex專案的搭建