Kylin 是 mPaaS H5 容器的無(wú)線前端解決方案芭析,封裝了VUE,但也有很懂地方和VUE不一樣,這篇主要整理了Kylin環(huán)境搭建到項(xiàng)目構(gòu)建的過(guò)程
1.前端開(kāi)發(fā)環(huán)境需安裝 NodeJS 和 cnpm
可參考vue從環(huán)境搭建到項(xiàng)目構(gòu)建到前面兩個(gè)步驟(http://www.reibang.com/p/1c525d2a38be)
2.從官網(wǎng)上獲取 Kylin Demo
Kylin并沒(méi)有類(lèi)似VUE CLI的腳手架工具箩朴,之后開(kāi)發(fā)直接在demo的基礎(chǔ)上即可
3.開(kāi)發(fā)調(diào)試(和vue的命令都是一樣的)
- 進(jìn)入項(xiàng)目根目錄岗喉,使用 cnpm 安裝 npm 依賴(lài):
cnpm install
默認(rèn)在 http://localhost:8090/ `啟動(dòng)一個(gè)服務(wù)器。端口可以在package.json中進(jìn)行修改
image.png
- 構(gòu)建生產(chǎn)
cnpm run build
編譯完成后將產(chǎn)物輸出到./www/目錄
image.png
每一個(gè)頁(yè)面都是一個(gè)html文件炸庞,無(wú)需設(shè)置即可在瀏覽器中打開(kāi)钱床,并正常顯示。