cordova入門級簡單功能的實現(五)
阿新 • • 發佈：2018-11-25
cordova入門級簡單功能的實現(五)
前四節我們進行了一些準備工作，現在我們來安裝cordova
首先：win + R 開啟命令視窗，執行 cnpm install cordova -g
也可以根據需求指定cordova版本號進行安裝：
cnpm install [email protected]版本號 -g
執行完以上命令全域性安裝了cordova；執行cordova -v來檢視版本號；如下圖所示
這裡我們安裝的為6.3.0版本。
找到一個位置，新建一個資料夾cordovaProjects；在命令列中進入這個資料夾
執行命令cordova create hello com.example.hello HelloWorld
hello：是專案資料夾名稱
com.example.hello：包名也是app的唯一id
HelloWorld：APP名稱
得到如下結果：
建立成功，進入我們的目錄可以看到一個名叫hello的資料夾
專案目錄結構如圖所示：
config.xml：Cordova的核心配置資訊
hook ：自定義擴充套件功能
platform ：新增的執行時，例如Andriod、iOS等
plugins ：引入的外掛
www ：開發目錄
至此我們就已經建立了一個cordova專案
進入hello資料夾：
在命令列中執行如下命令：
cordova platform add android --save新增安卓平臺；安裝成功後執行命令：
cordova platform ls我安裝的平臺如圖所示：
在命令列輸入
cordova build android 會出現一大串程式碼，不用管
出現上圖所示的BUILD SUCCESSFUL 專案構建成功
根據下面的路徑定位APK安裝包 安裝到手機或者模擬器就可以看到專案的主介面的如下圖所示
此時一個cordova專案建立完成