一埃元、簡(jiǎn)介
????????app即手機(jī)應(yīng)用application，目前手機(jī)平臺(tái)主要有android平臺(tái)和ios平臺(tái)训柴，因此一般開發(fā)一個(gè)app為都要分別開發(fā)android和ios兩個(gè)原生版本宝惰，但這樣的開發(fā)周期過長(zhǎng)，開發(fā)成本過高粱腻。因此在H5出現(xiàn)后庇配，現(xiàn)在更多的使用H5+原生插件的方式來開發(fā)app，其中“ionic框架”技術(shù)就是其中主流技術(shù)之一栖疑。
????????Ionic目前的最新版本是4.x讨永， 包含ionic4.0和cordova。其中ionic4.0使用的是用typescript開發(fā)的angular前端框架遇革，因此開發(fā)app之前必須要了解html5和typescript卿闹。
二、開發(fā)環(huán)境及工具
????????Nodejs(安裝npm)萝快、angular4.x(開發(fā)語言)锻霎、git命令行(下載插件)、gradle(android打包)揪漩、Visual Studio Code(編輯器)旋恼、chrome(調(diào)試工具)
????????其中Android平臺(tái)：jdk、android sdk奄容； ios平臺(tái)：mac操作系統(tǒng)冰更、Xcode、ios移動(dòng)設(shè)備
????????（以上均需安裝最新版）
三昂勒、ionic安裝與運(yùn)行
1蜀细、安裝nodejs:https://nodejs.org/en/download/
????????檢查是否安裝成功：
2、安裝ionic：npm install -g cordova ionic
????????查看安裝版本：
3戈盈、cd到項(xiàng)目根目錄文件夾下奠衔，運(yùn)行命令：ionic start myApp tabs
????????myApp 為項(xiàng)目根目錄名； tabs 為app創(chuàng)建選項(xiàng)塘娶，表示帶底部tab的app
4归斤、cd到剛才創(chuàng)建的目錄下，并運(yùn)行ionic serve:
四刁岸、 Ionic目錄結(jié)構(gòu)
hooks：編譯 cordova 時(shí)自定義的腳本命令脏里，方便整合到我們的編譯系統(tǒng)和版本控制系統(tǒng)中
node_modules ：node 各類依賴包
resources ：android/ios 資源（更換圖標(biāo)和啟動(dòng)動(dòng)畫）
src：主要開發(fā)工作目錄，頁面虹曙、樣式膝宁、腳本和圖片都放在這個(gè)目錄下
www：靜態(tài)文件
platforms：生成 android 或者 ios 安裝包路徑（ platforms\android\build\outputs\apk：apk 所在位置）執(zhí)行 cordova platform add android 后會(huì)生成
plugins：插件文件夾鸦难，里面放置各種 cordova 安裝的插件
config.xml: 打包成 app 的配置文件，app基礎(chǔ)信息可在這里修改
package.json: 配置項(xiàng)目的元數(shù)據(jù)和管理項(xiàng)目所需要的依賴
tsconfig.json: TypeScript 項(xiàng)目的根目錄员淫，指定用來編譯這個(gè)項(xiàng)目的根文件和編譯選項(xiàng)
tslint.json：格式化和校驗(yàn)typescript
