Ionic是一個(gè)美觀、免費(fèi)、開(kāi)源的移動(dòng)SDK，可以輕松的開(kāi)發(fā)原生和漸進(jìn)的Web應(yīng)用程序。
原文鏈接
Ionic特點(diǎn)
- 基于Angular語(yǔ)法
- 輕量級(jí)框架
- 界面美觀，組件豐富
- 跨平臺(tái)支持
- 注重原生，速度快
- 強(qiáng)大的命令行工具
Ionic已經(jīng)更新到3了，這里先初步介紹一下用ionic搭建項(xiàng)目
環(huán)境要求：Node
安裝
全局安裝cordova和ionic工具(cordova提供了一組設(shè)備相關(guān)的API，通過(guò)這組API，移動(dòng)應(yīng)用能夠以JavaScript訪問(wèn)原生的設(shè)備功能)
npm install -g cordova ionic
創(chuàng)建項(xiàng)目
運(yùn)行命令
ionic start myapp
出現(xiàn)如圖的七種項(xiàng)目模版可以選擇
- tabs：創(chuàng)建一個(gè)選項(xiàng)卡項(xiàng)目
- blank：創(chuàng)建一個(gè)空白項(xiàng)目
- sidemenu：創(chuàng)建一個(gè)側(cè)邊菜單項(xiàng)目
- super: 創(chuàng)建一個(gè)預(yù)制的完整項(xiàng)目，提供ionic開(kāi)發(fā)最佳實(shí)踐
- conference：創(chuàng)建一個(gè)展示真是應(yīng)用的項(xiàng)目
- tutorial：創(chuàng)建一個(gè)基于ionic文檔的教程項(xiàng)目
- aws: 創(chuàng)建一個(gè)移動(dòng)集成器啟動(dòng)項(xiàng)目
創(chuàng)建項(xiàng)目會(huì)下載相應(yīng)的依賴包，完成后進(jìn)入對(duì)應(yīng)項(xiàng)目目錄下
cd myapp
啟動(dòng)項(xiàng)目
ionic serve
在瀏覽器中可以看到應(yīng)用界面，建議使用chrome移動(dòng)模式查看
接下來(lái)就可以開(kāi)發(fā)自己的應(yīng)用啦
最后附上Ionic文檔
