Cordova使用記錄一

環境搭建html

一、安裝node.jsnode

下載地址:https://nodejs.orgios

選擇版本:node-v8.9.4.pkgnpm

在終端運行 npm -v,若是出現版本號則說明 Node.js 安裝成功測試

二、安裝Cordova CLIui

運行以下命令:sudo npm install -g cordova插件

完成後測試是否安裝成功:cordova -vcode

 

三、建立一個Cordova項目orm

進入工程目錄後,輸入:cordova create hello com.harry.hello HelloWorldxml

參數說明:
第一個參數 hello 爲工程的文件夾名;
第二個參數(可選)com.harry.hello 爲應用程序的id名,與Xcode中相似,能夠在 config.xml 中修改,若是不指定的話默認爲 io.cordova.hellocordova;
第三個參數(可選)HelloWorld 爲App顯示的名稱,也可在 config.xml 中修改。

建立成功後,工程目錄以下:

目錄文件說明:
conig.xml :cordova的配置文件
hooks/ :存放自定義cordova命令的腳本文件。
platforms/ :各個平臺原生工程代碼,會在build時被覆蓋勿修改
plugins/ :插件目錄(主要是提供各個平臺的原生API)

res/ : 資源目錄(圖標、歡迎頁)
www/ :用H5編寫的源代碼目錄,build時會被放入各個平臺的assets\www目錄。
www/index.html :App入口html文件

四、添加iOS平臺支持

進入工程目錄:cd harry

添加iOS平臺文件:cordova platform add ios

執行完畢後能夠看到在platforms文件夾下已經建立了個iOS工程

相關文章
相關標籤/搜索