一笨奠、介紹
Ionic ionic是一個(gè)用來(lái)開發(fā)混合手機(jī)應(yīng)用的，開源的唤殴，免費(fèi)的代碼庫(kù)般婆。可以優(yōu)化html朵逝、css和js的性能蔚袍，構(gòu)建高效的應(yīng)用程序，而且還可以用于構(gòu)建Sass和AngularJS的優(yōu)化配名。ionic會(huì)是一個(gè)可以信賴的框架页响。（from 百度百科）。一句話就是封裝好的class 讓你開發(fā)移動(dòng)App更便捷段誊，跟mui差不多闰蚕。
Cordova Cordova提供了一組設(shè)備相關(guān)的API，通過(guò)這組API连舍，移動(dòng)應(yīng)用能夠以JavaScript訪問原生的設(shè)備功能没陡，如攝像頭、麥克風(fēng)等索赏。Cordova還提供了一組統(tǒng)一的JavaScript類庫(kù)盼玄，以及為這些類庫(kù)所用的設(shè)備相關(guān)的原生后臺(tái)代碼。 Cordova就是讓html語(yǔ)言能夠通過(guò)cordova調(diào)用手機(jī)原生功能的工具潜腻，也是一個(gè)打包平臺(tái)埃儿，能夠?qū)tml打包成apk或者ipa。
ngCordova ngCordova是在Cordova Api基礎(chǔ)上封裝的一系列開源的AngularJs服務(wù)和擴(kuò)展融涣，讓開發(fā)者可以方便的在HybridApp開發(fā)中調(diào)用設(shè)備能力童番，即可以在AngularJs代碼中訪問設(shè)備能力Api。 更加方便的調(diào)用原生功能威鹿。
二剃斧、環(huán)境搭建
開發(fā)工具 webStorm
-
安裝ionic https://ionicframework.com/getting-started
1.安裝node.js
安裝完成后 在cmd中運(yùn)行node -v 如果有提示版本號(hào) 則安裝成功。
圖片.png
2.安裝ionic cordovanpm install -g cordova ionic 需要翻墻忽你。
如果無(wú)法翻墻幼东，可以使用淘寶鏡像來(lái)解決這個(gè)問題：
npm install -g cnpm --registry=https://registry.npm.taobao.org。
安裝完成后，以后所有的插件都使用cnpm這個(gè)命令來(lái)進(jìn)行安裝：
cnpm install -g ionic cordova
安裝完成后 在cmd中輸入ionic 會(huì)提示版本根蟹。
輸入cordova 提示
**三脓杉、創(chuàng)建應(yīng)用 **
1.創(chuàng)建app 有多用樣式可以選擇 一般選擇blank 空樣式，這期間會(huì)下載一堆東西简逮。丽已。。
ionic start ionic-test3 blank --type=ionic1 --no-git --no-link —cordova-
2.為app添加編譯環(huán)境Android/Ios 這期間會(huì)下載一堆東西买决。沛婴。。
ionic cordova platform add android@6.3.0 @后面為指定的cordova android版本
ionic cordova rm android 移除
ionic cordova remove android 移除
ionic cordova platform remove android 移除
圖片.png 3.編譯運(yùn)行 這期間會(huì)下載一堆東西督赤。嘁灯。。
ionic cordova build android4.運(yùn)行
ionic cordova run android
ionic cordova run android -lc 是 livereload 和 console 躲舌，可以部分實(shí)現(xiàn)修改后不用重新 run 和輸出控制臺(tái)日志丑婿。 使用這個(gè)命令 一定要確保電腦和手機(jī)所在網(wǎng)段一致！Ｃ恍丁羹奉！
四、創(chuàng)建中遇到的問題
1.由于我們使用的是ionic1開始约计，而我下載的cli是3诀拭，創(chuàng)建項(xiàng)目時(shí)沒有指定ionic版本，導(dǎo)致出現(xiàn)一些列問題煤蚌。
2.sdk問題耕挨，由于本機(jī)安裝了兩個(gè)sdk路徑，ionic指向的sdk地址錯(cuò)誤尉桩，導(dǎo)致一直報(bào)***sdk不存在筒占。
-
3.jvm問題，build android的時(shí)候一直提示
Unable to start the daemon process. This problem might be caused by incorrect configuration of the daemon. For example, an unrecognized jvm option is used.百度一番修改了ionic-test3\platforms\android\cordova\lib\builders中的GradleBuilder.js和StudioBuilder.js中的jvmargs配置蜘犁，由2048改為了1024
