鍍金池/ 教程/ 嵌入式/ 創(chuàng)建一個(gè)Cordova項(xiàng)目
避免300 ms點(diǎn)擊延遲
創(chuàng)建視圖
使用 Handlebars 模板
建立一個(gè)Cordova項(xiàng)目
使用照相機(jī)API
設(shè)置單頁(yè)應(yīng)用程序
執(zhí)行視圖路由
設(shè)置Workshop文件
創(chuàng)建一個(gè)Cordova項(xiàng)目
選擇一個(gè)數(shù)據(jù)存儲(chǔ)策略
使用聯(lián)系人API
使用本地API
使用本地通知
使用硬件加速

創(chuàng)建一個(gè)Cordova項(xiàng)目

步驟

1、確保你已經(jīng)將Node.js的最新版本安裝到你的系統(tǒng)上。

2、打開終端(Mac)或命令窗口(Windows),鍵入以下命令來(lái)安裝Cordova CLI:

npm install -g cordova

如果在Mac上:

sudo npm install -g cordova

如果你已經(jīng)將Cordova安裝到你的電腦上,請(qǐng)確保你已經(jīng)將其升級(jí)到最新版本。

npm update -g cordova

3、確定你在你的文件系統(tǒng)中存儲(chǔ)項(xiàng)目的路徑。

4、打開Cordova CLI,在命名為workshop的目錄中創(chuàng)建一個(gè)命名為Workshop的Cordova項(xiàng)目:

cordova create workshop com.yourname.workshop Workshop

5、導(dǎo)航到項(xiàng)目目錄:

cd workshop

6、增加對(duì)iOS平臺(tái)的支持(可選項(xiàng))

為了能夠?yàn)閕OS平臺(tái)創(chuàng)建項(xiàng)目,那么必須在你的電腦上安裝iOS軟件開發(fā)工具包。如果不需要支持iOS平臺(tái),那么你可以跳過(guò)這一步,并增加對(duì)其他平臺(tái)的支持或只是簡(jiǎn)單地在瀏覽器中運(yùn)行本教程的應(yīng)用。

1、確保你的系統(tǒng)中iOS SDK是可用的。

2、在命令行,確保你處在workshop目錄,并鍵入:
cordova platforms add ios

7、增加對(duì)安卓平臺(tái)的支持(可選項(xiàng))

為了能夠在安卓平臺(tái)上創(chuàng)建項(xiàng)目,那么必須將安卓軟件開發(fā)工具包安裝到你的系統(tǒng)中。如果你不需要支持安卓平臺(tái),那么你可以跳過(guò)這一步,并增加對(duì)其他平臺(tái)的支持或只是簡(jiǎn)單地在瀏覽器中運(yùn)行本教程的應(yīng)用。

確保你的系統(tǒng)中安卓軟件開發(fā)工具包和螞蟻構(gòu)建工具(ant build tool)是可用的。在這里,安卓軟件開發(fā)工具包是可用的。在你的路徑中,安卓和螞蟻工具必須是可用的。

8、確保你處在workshop目錄,并添加基本插件到你的項(xiàng)目中:

cordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.console

9、在workshop下測(cè)試目錄結(jié)構(gòu)。

  • www文件夾是你將要編碼你的HTML / JavaScript應(yīng)用的位置。在一個(gè)瀏覽器中打開index.html文件,以查看由Cordova CLI創(chuàng)建的默認(rèn)應(yīng)用。

  • Platforms文件夾是Cordova將要為 不同的平臺(tái)(iOS、安卓等等)創(chuàng)建你的應(yīng)用的位置。這個(gè)文件夾的內(nèi)容將由Cordova CLI自動(dòng)生成,而且你千萬(wàn)不要在該目錄中進(jìn)行編輯代碼。

  • 在plugins目錄中安裝插件。

  • 應(yīng)用參數(shù)(姓名、作者等等)都存儲(chǔ)在config.xml文件中。