cordova 打包工具 原文:cordova 打包工具

一、環(huán)境安裝

1、安裝NodeJs

https://nodejs.org?直接去官網(wǎng)下載并按默認路徑安裝就可以了。

安裝完成后在命令行： ? （測試成功！）

$ npm

2、安裝Cordova

命令行：$ npm install -g cordova

如果安裝不成功，一般是網(wǎng)絡(luò)原因， 安裝成功后命令行：? ?$ cordova

（測試成功！）

PS：也可以安裝cnpm，這樣就容易裝cordova

npm install -g cordova --registry?https://registry.npm.taobao.org
npm install -g ionic --registry?https://registry.npm.taobao.org

PPS：這種安裝方式，默認安裝的是最新版本的cordova，如果想要安裝特定版本的cordova，比如說cordova4.1.1，輸入以下命令：
? ? ? ? ?npm install -g cordova@4.1.1
? ? ? ? ?cordova的版本是和android的sdk的版本是有對應(yīng)關(guān)系的

3、部署Android開發(fā)環(huán)境

Cordova是一種Hybrid開發(fā)，可以被部署到android，ios等多個手機平臺。這里我們以android為目標平臺。

接下來我們開始android平臺下相關(guān)環(huán)境的部署。

這里我們安裝AndroidStudio，可以訪問?http://www.android-studio.org/??

里邊有國內(nèi)的下載鏡像。

PS：理論上，AndroidStudio可以不安裝，但第一次使用Cordova或者遇到問題，用AndroidStudio容易調(diào)試

4、安裝JDK

oracle官網(wǎng)?http://java.oracle.com/? （下不來的FQ~~）

或國內(nèi)鏡像?http://jdk.android-studio.org/

下載安裝后，配置環(huán)境變量：http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

5、安裝Android SDK

下載并安裝AndroidStudio，http://developer.android.com/sdk/index.html

安裝完成后配置sdk環(huán)境變量（cordova命令要用到）：http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html

6、安裝Ant

Ant是java平臺下一個打包部署的工具，使用cordova命令的時候需要借助這個工具。

http://ant.apache.org/bindownload.cgi，下載zip壓縮包，解壓后配置環(huán)境變量：http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

?

二、項目打包

1、創(chuàng)建一個cordova項目
? ? ? 在命令行中敲入以下命令：
? ? ? cordova create test com.example.test ：其中第一個位置的test是指你的項目名，第二個位置的com.example.test是指你打包的apk的包名。

2、增加cordova平臺
? ? ?進入你建立的項目目錄test,在命令行中敲入以下命令：
? ? ? cordova platform add android

這里添加的平臺是android的，你也可以添加其他的平臺：
cordova platform add wp8 ? ? ??
cordova platform add windows?
cordova platform add amazon-fireos?
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos\
當然如果你不想使用哪個平臺，你可以把它刪除掉：
cordova platform rm ios
cordova platform rm firefoxos
cordova platform rm windows
cordova platform rm wp8
cordova platform rm firefoxos
cordova platform rm android
你也可以通過命令查看都有哪些平臺以及你已經(jīng)安裝了哪些平臺：
cordova platforms ls

3、編譯打包
? ? ? ?將你寫的一些html、css、js文件放到你建的項目目錄下的www文件下對應(yīng)的位置：

然后在命令行下輸入以下命令：
cordova build android
然后就是靜靜的等待編譯。。

根據(jù)成功提示，在platforms\android\build\outputs\apk下為生成的WebApp安裝包

?

三、在AndroidStudio中打開Cordova項目

? ? ? ?1、打開AS，FILE-New-Import Project

? ? ? ?2、選擇剛剛編輯打包生成的Cordova項目中的platforms\android\build.gradle文件

?

四、遇到的問題

1、項目采用Framework7+RequeireJs單頁面，按需加載，項目Js文件夾命名為View-Js，RequireJs無法正確找到文件路徑，剛開始以為是requireJs與cordova的require方法沖突。

? ? ?解決方案：文件夾中不允許包含-，將其改成下劃線

posted on 2018-05-07 11:17 NET未來之路 閱讀(...) 評論(...) 編輯 收藏

轉(zhuǎn)載于:https://www.cnblogs.com/lonelyxmas/p/9001647.html

總結(jié)

以上是生活随笔為你收集整理的cordova 打包工具的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。