- 說明
- 1.下載node.js
- 2.全局安裝cordova
- 3.創(chuàng)建項目
- 4.添加平臺
- 5.構(gòu)建iOS項目
- 6.簡單的插件開發(fā)
- 7.插件打包以及映射js代碼給前端開發(fā)人員使用
- 8.將插件包加入cordova項目并使用插件
說明
本文針對mac系統(tǒng)下的流程走越，創(chuàng)建項目和自定義插件流程也以iOS為例叁扫。所有命令行皆為在終端中操作。
1.下載node.js
下載網(wǎng)址node.js 進(jìn)去后琅坡，頁面中間部分有兩大塊綠色部分就是下載鏈接。左側(cè)的是穩(wěn)定版灿意，右側(cè)的是最新版岂傲。任選其一下載并安裝即可。
查看node是否安裝成功瓢棒，如果輸出版本號說明安裝成功。如果報錯在前面添加sudo（下面的指令相同）丘喻。
node -v
2.全局安裝cordova
sudo npm install -g cordova
回車后等進(jìn)度條走完就行了脯宿，然后可以查看版本，如果輸出版本號說明安裝成功泉粉。
cordova -v
3.創(chuàng)建項目
①cd到你想創(chuàng)建項目的路徑下连霉，比如
cd ~/desktop
②創(chuàng)建cordova項目
sudo cordova create hello com.example.hello HelloWorld
hello是工程文件夾名稱，com.example.hello是bundleID嗡靡，HelloWorld是app名稱跺撼。這個命令會為你的cordova App創(chuàng)建必要的目錄結(jié)構(gòu)。最后就是在桌面創(chuàng)建了一個帶目錄結(jié)構(gòu)的hello文件夾讨彼，效果如下歉井。
js代碼項目等等就放在www文件夾下，可以用相關(guān)編程軟件打開www文件夾然后編碼哈误。
4.添加平臺
①進(jìn)入項目根目錄 通用做法是把你的項目文件夾直接拖到終端就好
cd /Users/XXX/Desktop/hello
②為項目添加平臺
sudo cordova platform add ios --save
③查看已經(jīng)添加了哪些平臺（可選）
sudo cordova platform ls
④查看相關(guān)依賴是否正常（只需要進(jìn)行一次就好哩至，確認(rèn)正常以后不需要再執(zhí)行）
sudo cordova requirements
如果Xcode沒安裝就安裝，如果是安裝了多個或者路徑不對這里會有提示蜜自。執(zhí)行以下指令添加Xcode路徑（應(yīng)用程序/xcode右鍵打開包內(nèi)容/Contents/直接把Developer文件夾拖到下面路徑位置）菩貌。
xcode-select -switch Xcode路徑
如果ios-deploy提示未安裝，執(zhí)行以下指令重荠。
sudo npm install -g ios-deploy
5.構(gòu)建iOS項目
下面的指令會構(gòu)建所有你添加的平臺項目
sudo cordova build
如果只想構(gòu)建iOS平臺項目
sudo cordova build ios
到這一步Xcode的項目就構(gòu)建完成了箭阶，可以在項目根目錄/platforms/ios/中看到Xcode的iOS項目。
tips：構(gòu)建出來的Xcode項目默認(rèn)是無法進(jìn)行修改的戈鲁。如果想對項目進(jìn)行修改或者在里面進(jìn)行自定義插件開發(fā)可以這么做尾膊。
①右鍵iOS文件夾/顯示簡介,解鎖右下角的權(quán)限鎖（會提示輸入管理員密碼），然后把所有權(quán)限改成讀寫荞彼。
②點擊左下角齒輪按鈕，并選擇應(yīng)用到包含的項目待笑。
但是對Xcode項目的修改會大部分會在下次構(gòu)建項目的時候被覆蓋掉鸣皂，這點請注意。
由于內(nèi)容過多，對內(nèi)容進(jìn)行了分節(jié)寞缝，后續(xù)內(nèi)容請?zhí)D(zhuǎn)Cordova 從安裝到創(chuàng)建項目到創(chuàng)建簡單自定義插件到添加使用插件總結(jié)(二)
