Cordova之如何用命令行建立一個項目(完整示例)

 

1. 建立cordova項目html

(注意:當第一次建立或編譯項目的時候,可能系統會自動下載一些東西,須要一些時間。)android

在某個目錄下建立cordova項目,打開命令行,ios

輸入:cordova  create  test  com.cordova.test   test  (建立cordova工程  <文件夾名> <包名> <app名>)git

文件夾目錄:github

hooks:存放自定義cordova命令的腳本文件。每一個project命令均可以定義before和after的Hook,好比:before_build、after_build。沒用過,不展開了。apache

platforms:平臺目錄,各自的平臺代碼就放在這裏,能夠放一下平臺專屬的代碼,如今這個目錄應該是空的,後面會介紹如何建立平臺。瀏覽器

plugins:插件目錄,安裝的插件會放在這裏。後面會有專門的文章介紹開發插件。app

www:最重要的目錄,存放項目主題的HTML5和JS代碼的目錄。app一開始打開的就是這個目錄中index.html文件。測試

config.xml:主要是cordova的一些配置,好比:項目使用了哪些插件、應用圖標icon和啓動頁面SplashScreen,修改app的版本,名字等信息,還有平臺的配置。ui

 

2.添加平臺支持

用命令行打開對應的文件夾,

  • 添加平臺

輸入:cordova platforms add android(ios還沒試過)

 

  • 移除平臺

輸入:cordova platforms rm android  (移除android平臺支持)

也能夠經過@版本號,來添加不一樣版本的android平臺,如:

 

如今就能夠在www文件夾內寫本身的js和html代碼了。

 

3.添加和刪除項目插件

  • 添加插件

輸入:cordova plugin add cordova-plugin-file (cordova plugin add <插件官方名稱>)

插件搜索地址:http://cordova.apache.org/plugins/

也能夠經過github查找一些第三方插件,

輸入:cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git//這個是掃描二維碼插件  (github項目地址)

github地址:https://github.com/

  • 刪除插件

輸入:cordova plugin rm cordova-plugin-file(使用rm和remove均可以)

  • 插件列表

輸入:cordova plugin list(查看當前安裝了哪些插件)

如下是我以前添加的插件

這裏的列表應該與文件目錄的列表相同

 

4.編譯調試程序

不是每一句代碼都須要運行,根據本身的需求進行選擇。

  • cordova install android //將編譯好的應用程序安裝到模擬器上。
  • cordova emulate android //在模擬器上運行(前提是建立好AVD)
  • cordova serve android //在瀏覽器運行
  • cordova build android //打包cordova項目到android平臺。
  • cordova run android //經過USB直接安裝到真機(該語句已經包括了build命令)

例如:我如今是手邊直接連着測試手機,因此我就會直接用cordova run android

中間省略...

出現LAUNCH SUCCESS則編譯成功,已經安裝到手機上了。

 原文地址

如需轉載請註明出處,謝謝!

相關文章
相關標籤/搜索