Apache Cordova 創(chuàng)建一個Cordova項目

2018-08-12 21:29 更新

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

步驟

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

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

npm install -g cordova

如果在Mac上:

sudo npm install -g cordova

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

npm update -g cordova

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

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

cordova create workshop com.yourname.workshop Workshop

5、導航到項目目錄:

cd workshop

6、增加對iOS平臺的支持(可選項)

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

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

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

7、增加對安卓平臺的支持(可選項)

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

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

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

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

9、在workshop下測試目錄結構。

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

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

  • 在plugins目錄中安裝插件。

  • 應用參數(shù)(姓名、作者等等)都存儲在config.xml文件中。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號