超詳細cordova環境配置（windows）及實例

ygyooo 發布于2019-08-19 18:02 / 2593人閱讀

摘要：摘要最近閑來無事就把以前做的項目整理了下，發現網上很少有詳細完整的配置教程，所以自己就總結了下分享給大家。環境搭建安裝下載安裝，安裝時需要使用。配置好之后在終端輸入，如果出現如下圖所示則表示成功。

摘要：

最近閑來無事就把以前做的cordova項目整理了下，發現網上很少有詳細完整的配置教程，所以自己就總結了下分享給大家。

環境搭建：

1.安裝node.js
下載安裝node.js,https://nodejs.org/en/，安裝cordova時需要使用。安裝完成之后在終端（win+r,cmd）執行node -v，如果看到如下圖所示的版本號表示安裝成功。

2.安裝ant
下載連接:http://apache.dataguru.cn//ant/binaries/...，下載完成之后解壓到你想安裝的目錄，比如D:ant。然后將目錄添加到系統變量里，步驟如下：右擊我的電腦，點擊屬性，左側菜單點擊高級系統設置，在彈窗中點擊環境變量，然后在用戶變量中添加變量ANT_HOME,值為D:ant，添加變量path，值為D:antin，添加變量classpath，值為D:antlib。
配置好之后在終端輸入ant -v，如果出現如下圖所示則表示成功。

3.安裝cordova
在終端執行下面命令

    npm install -g cordova

測試安裝是否成功，終端輸入cordova -v，如果出現如下如所示提示表示安裝成功

注意：有時候我們安裝成功了，但是執行cordova命令提示不是內部或外部命令，這時候需要在環境變量中配置我們的全局npm路徑，在用戶變量里找到path，如果沒有就新建，添加值為C:UsersadminAppDataRoaming pm（找到自己對應的npm目錄）

4.安裝jdk
下載http://www.oracle.com/technetwork/java/j...，選擇自己的版本

5.安裝sdk
不同的cordova版本對應不同的sdk版本，我裝的sdk為5.1.1。
下載sdk，http://www.oracle.com/technetwork/java/j...，這里有詳細的安裝步驟（http://www.cnblogs.com/zoupeiyang/p/4034...）

注意：安裝硬件加速，需要修改BIOS的virtualization technology為true，模擬器啟動不起來，去掉hardware。

如果以上都已經完成了，那恭喜你環境配置成功了！

創建第一個應用：

1.在終端進入你想要創建的目錄，執行下面的命令：

    cordova create first com.example.first firstApp

cordova creat是創建項目的命令，緊接著first為目錄，com.example.first為命名空間，firstApp為app名稱

2.添加平臺

    cd first
    cordova platform add android

添加android平臺，下載可能會比較慢

3.編譯app

    cordova build android

編譯android系統，最后如果看到build successful,就可以了

4.運行app

模擬器上運行

    cordova emulate android

瀏覽器上運行

    cordova serve android

瀏覽器訪問http://localhost:8000即可

真機上運行

    cordova run android

恭喜你第一個應用程序完成了！

常用命令

創建應用

    cordova create first com.example.first firstApp

添加平臺

    cordova platform add android
    cordova platform add ios
    cordova platform add amazon-fireos
    cordova platform add blackberry10
    cordova platform add firefoxos

查看平臺

    cordova platforms ls

刪除平臺

    cordova platform remove android
    或者
    cordova platform rm android

打包app

    cordova build android

預編譯

    cordova prepare android

編譯

    cordova compile android

運行app

    cordova emulate android
    cordova serve android
    cordova run android

總結

hybrid app相對native app來說開發起來速度快，相對容易，但是沒有native那么流暢，性能和體驗稍微差些。并且文件大小相差也很大，同樣一個應用native只要幾k，二hybrid卻要幾兆。

下面是我自己分別使用cordova和phonegap開發的新聞應用，歡迎大家安裝使用。
https://github.com/baixuexiyang/hybrid.g...

GPU云服務器云服務器 php環境及配置教程 windows環境配置 windows云服務器配置環境服務器windows怎么配置環境

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79121.html

cordova研習筆記(一) —— 初試牛刀之cordova.js概要

摘要：任何初始化任務應該在文件中的事件的事件處理函數中。這個配置文件有幾個地方很關鍵，一開始沒有認真看，將插件導進工程跑的時候各種問題，十分頭痛，不得不重新認真看看文檔。前言來新公司的第一個任務，研究hybrid App中間層實現原理，做中間層插件開發。這個任務挺有意思，也很有挑戰性，之前在DCloud雖然做過5+ App開發，但是中間層的東西確實涉及不多。本系列文章屬于系列開篇cord...

buildupchao 2019-08-20 16:04 評論0 收藏0
用HTML和JS來開發移動app - 部署Cordova配套開發環境

摘要：安裝完成后需要配置環境變量，將下的，添加到環境變量中，主要是可以執行等命令行工具運行，下載特定版本就是版本，比如的庫及工具可以在里啟動，也可以通過命令行來啟動，然后參考說明下載特定版本比如。最近想玩一玩手機app開發，以前都是自己DIY家里的一些硬件設備的，在這個天天喊智能的年代，不讓它們上上網用手機控制都覺得這些玩意LOW得拿不出手了~ 決定要改造改造，第一步得學學怎么開發手機端控...

yuxue 2019-08-21 10:25 評論0 收藏0
Ionic+Cordova WebApp Android打包及環境搭建

摘要：寫一下這兩天打包的總結，希望幫人省下一些搜索的時間。環境配置下載地址配置環境和環境配置步驟基本一樣，測試打開，輸入，返回版本號即為成功。把圖標等文件用該命令上傳自己的項目到服務器，上傳完成后會有一個項目編號。寫一下這兩天打包app的總結，希望幫人省下一些搜索的時間。一.準備工作：需要安裝：Nodejs、AndroidSDK、Apache-ant、Jdk，Ionic、Cordova...

icyfire 2019-08-20 13:47 評論0 收藏0
cordova研習筆記(二) —— cordova 6.X 源碼解讀（上）

摘要：本文源碼為版本。的代碼結構也是一個很經典的定義結構構造函數實例修改函數原型共享實例方法，它提供事件通道上事件的訂閱撤消訂閱調用。前言 cordova(PhoneGap) 是一個優秀的經典的中間件框架，網上對其源代碼解讀的文章確實不多，本系列文章試著解讀一下，以便對cordova 框架的原理理解得更深入。本文源碼為cordova android版本6.1.2。源碼結構我們使用IDE...

Java_oldboy 2019-08-20 16:23 評論0 收藏0