weex開發(fā), 安裝nodejs 卿堂、weex-toolkit 、weex-pack
weex官網(wǎng)文檔:http://weex.apache.org/cn/
vuejs官網(wǎng)文檔:https://cn.vuejs.org/
weex-toolkit:https://github.com/weexteam/weex-toolkit
nodejs安裝
windows用戶直接在nodejs官網(wǎng)下載安裝包即可统扳。lunix用戶的話可以下載源碼包自行編譯安裝捍歪,或者使用系統(tǒng)的apt-get活著yum進行安裝。mac用戶的話恨狈,推薦使用homebrew進行安裝疏哗。安裝完成后查看版本命令
node ? -v
weex-toolkit安裝
weex-toolkit是weex為開發(fā)者提供的一個開發(fā)腳手架 安裝最新版本 因為新版本才開始支持vue,原來的話是不支持的 如果你在之前安裝過weex-toolkit禾怠,想要升級到最新版本的話返奉。直接使用安裝命令即可,會幫你安裝最新的吗氏。
npm install -g weex-toolkit
快速構(gòu)建
直接使用weex初始化項目
#初始化 Weex 項目
weex init ?weexproject
#進入到項目所在目錄
cd ?weexproject
#安裝項目依賴
npm install
注: 命令行運行 npm config set loglevel=http 再運行 npm install 顯示安裝進度
在package.json中芽偏,已經(jīng)配置好了幾個常用的 npm script,分別是:
build: 源碼打包弦讽,生成 JS Bundle
dev: webpack watch 模式污尉,方便開發(fā)
serve: 開啟靜態(tài)服務(wù)器
debug: 調(diào)試模式
npm run build: 編譯項目。
npm run serve: 會監(jiān)聽本地 8080 端口往产,打開http://localhost:8080可以在瀏覽器中預(yù)覽頁面十厢。
npm run dev: 監(jiān)聽 src 目錄中的文件變化,并自動編譯”
weex src/xx.vue 實時預(yù)覽
weex compile src/xx.vue dist? 可以使用weex compile通過命令行工具進行單個文件或者整個項目的打包