1. 程式人生 > >Ionic、Angularjs、Cordova搭建Android開發環境

Ionic、Angularjs、Cordova搭建Android開發環境

1、jdk
環境變數配置
path:C:\Program Files\Java\jdk1.7.0_79\bin
2、node.js
因為安裝cordova時要用到node.js的npm
下載地址:
http://nodejs.org/
下載安裝成功之後,開啟cmd,進入D盤,建立cordova的工作空間: mkdir cordovaspace
測試安裝結果命令: node -v
3、git
用於後面有些外掛可能需要用git來下載,
下載地址:
http://git-scm.com/

4、ant
下載地址:http://ant.apache.org/bindownload.cgi
下載好之後,解壓,我這裡解壓到D:\Delp_Tool\ant-1.8.2下,
然後在環境變數中配置變數ANT_HOME,值:D:\Delp_Tool\ant-1.8.2,
在PATH中追加%ANT_HOME%\bin;
測試安裝效果命令: ant -v
注:如果不安裝的話後臺的操作會報找不到ant;
5、cordova
1)安裝命令:npm install -g cordova
2)測試安裝結果命令:cordova -v

如果安裝cordova和ionic長時間沒反應,試試以下的解決方案:

I.通過config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正確這個命令會有字串response)

如果遇到npm WARN deprecated [email protected]: Please update to minimatch3.0.2問題,可執行:
npm install [email protected]
6、ionic
npm install -g ionic
6、建立app
這裡建立一個命名為firstApp,id為com.cycle.first的app,放在first資料夾下:

建立命令:cordova create first com.cycle.firstApp firstApp -d

建立過程需要下載一些cordova的庫,所以得等一下,上面命令中的-d是展示建立過程中的一些細節。

7、新增平臺(注:新增平臺前必須得先安裝該平臺的sdk)
1)安裝sdk

注意:安卓sdk和cordavo版本之間有這麼個關係:

3.0需要的是android-17(Android 4.2.2)

3.1和3.2需要android-18(Android 4.3)

3.3、3.4、3.5需要android-19(Android 4.4.2)(同時ant1.8+)

下載安裝好adt後,還需要在環境變數中配置變數ANDROID_HOME,值得為sdk所有的目錄,

比如我的就安裝D:\androidWorkspace\adt\sdk,那就將ANDROID_HOME指向這個目錄,並在PATH中

追加%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

注:修改了PATH後需要重啟cmd才可以生效。
2)新增平臺
接下來的命令都需要在app的次級目錄下執行,

進入first : cd first

新增安卓: 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 rm amazon-fireos

cordova platform remove android

新增之後會./first/platforms下的目錄,增加一個相應平臺的目錄,而刪除平臺的話,也會將這個目錄刪除。
8、編譯app
cordova build

這條命令將編譯./firstApp/platforms下所有的平臺,如果只想單獨編譯其中的平臺的話,只需要在build上增加該平臺名即可。

cordova build android

貌似頭一回編譯時都比較慢。。。

編譯的過程中,會輸出一堆東西。。最後如果看到build successful,就可以了。

實際上,build命令是prepare 以及compile兩條命令的縮寫。上面這條命令相當於:

cordova prepare android

cordova compile android
9、測試一下app吧
1)模擬器上測試:
輸入下面命令:cordova emulate android
但是,查資料說Windows下convert命令衝突,直接“cordova emulate android”會報Error: spawn ENOENT,需要先啟動模擬器。
2)瀏覽器上測試:
輸入下面命令:cordova serve android
然後在瀏覽器中輸入http://localhost:8000 即可看到支行情況。
注:可以開啟多個cmd運行同一個app,但是埠會8000開始+1;
3)裝置上測試:
插入usb,輸入下面命令:cordova run android

Android建立安裝執行:
ionic start myproject
cd myproject
ionic platform add android
ionic build android
ionic emulate android 模擬器上執行
ionic run android 手機上執行

遇到問題:
如果遇到 Using this version of Cordova with older version of cordova-andr oid is being deprecated. Consider upgrading to [email protected] or newer.
解決辦法:切換到工程目錄,執行cordova platform add [email protected]

如果遇到
line 14: 6980 Illegal instruction node “basedir/nodemodules/cordova/bin/cordova""@”
解決辦法是:Win7系統更新:Service Pack 1

相關推薦

IonicAngularjsCordova搭建Android開發環境

1、jdk 環境變數配置 path:C:\Program Files\Java\jdk1.7.0_79\bin 2、node.js 因為安裝cordova時要用到node.js的npm 下載地址: http://nodejs.org/ 下載安裝成功

基於ionic4cordova搭建android開發環境

前顏(yan)最近公司有一個專案需求是利用h5進行跨平臺開發,這裡所說的跨平臺開發指的是:將h5程式碼利用某種方式或工具環境進行打包,最後生成android的apk以及ios的ipa。 本文只講解android開發環境,等以後有空了再介紹一篇關於ios的。 一、知識講解本文基於ionic4+cordova構

一步步教你搭建Android開發環境(有圖有真相)--“自吹自擂:史上最詳細最囉嗦最新的搭建教程”

宣告:轉摘請註明http://blog.csdn.net/longming_xu/article/details/28241045 前言:為什麼要寫這麼一篇文章?網上介紹Android開發環境搭建的文章一片一片的,我為什麼要自己”重複的去造輪子“呢?原因有三個:第一個

在Windows下搭建Android開發環境

c51 公司 智能 單獨 window 引用 ssp 管理 第一個  隨著移動互聯網的迅速發展,前端的概念已發生很大的變化,已不僅僅局限在網頁端。而Android系統作為智能機市場的老大,作為前端開發工程師,非常有必要了解和學習。但面對眾多學習資料,站在前端開發工程

搭建Android 開發環境

視頻 ips 介紹 匿名 ++ cto 大全 迷茫 付出   目前為止在安卓方面的已經工作了三年左右的時間了,從一個只會寫BUG的菜鳥,到現在慢慢發展成了一名程序員。其實說實在的,我學的也一塌糊塗,當然在學習過程也積累了一些知識,對於以前沒接觸過Android的朋友,或者剛

Qt5.9.4搭建Android開發環境

一個自己摸爬滾打的小白 記錄貼 目錄 一、 素材準備 二、 具體操作 三、 測試環境(apk應用例項) 素材準備 1.QT:Qt 5.9.4 2.JDK:jdk-8u101-windows-i586.exe 3.SDK:android-sdk_r24.4.1-windows.

在Ubuntu上搭建Android開發環境Android Studio)

五一放假,閒著沒事,裝了最新的ubutun16.04,然後打算順道把android開發環境移植到ubuntu上來體驗一下。 1.首先下載了Android studio 2.1  之前使用的提供改host 翻牆 的網站今天掛了。。。只能在國內網站下了。。。 http://w

分別用eclipse和Android Studio搭建Android開發環境

暑假和小夥伴們有個Android專案,今天搭建了下開發環境。我電腦系統是win7,最開始是用Android SDK、ADT外掛和eclipse進行搭建;搭建完成後再用Android Studio搭建,安裝完Android Studio後電腦明顯變卡,記憶體8G的

Android自學第1章:搭建Android開發環境Android studio開發工具)

磨刀不誤砍柴工,我們先搭建開發環境。 第一步:安裝JDK 下載到本地電腦後雙擊進行安裝。讓JDK預設安裝。 第二步:配置Windows上JDK的變數環境 右擊“我的電腦”,選擇“屬性”,在開啟視窗中點選左邊的“高階系統設定”,出現“系統屬

【Linux-Android開發記(一)】Ubuntu 12.04下搭建Android開發環境

之前寫過一個系列日誌【Linux菜鳥成長記】Ubuntu 10.04系類教程 。從Ubuntud安裝,到常用設定,再到JDK安裝,Eclipse安裝等。 從這篇日誌開始轉為在Ubuntu進行Android開發的系列日誌,將從基礎的SDK安裝開始,慢慢進入: 環境:Ubunt

配置cordovaandroid開發環境(無android studio)

趁元旦放假想試一下cordova,不想安裝龐大的android studio,所以想最小化安裝,居然花了一整天的時間才能正常編譯cordova工程,記錄一下過程,備將來參考。 安裝環境:作業系統:windows 10 x64 第一步:安裝nodejs,下載最新版本v10.15.0 第二步:設定npm安裝

ubuntu12.04搭建android開發環境

一直準備學一點Linux的東西,一直沒有付諸行動,這個週末準備安裝一下,做了將近半年的android開發,準備學一點關於框架和原始碼的東西。。。 安裝之前也百度谷歌了很多次,也看了網上不少的資料,總結一點,就是對於像我這種入門級的人來說,還是不夠明確,結合網上的資料,本

mac 搭建Android開發環境

在mac上搭建Android環境和在window上大體相同,不過就是在做環境變數配置等方面有自己獨到的方式,那麼我們今天就講一下在mac系統下搭建Android環境。 下載相關檔案 安裝檔案 解壓下載的檔案,然後點選安裝。安裝的過程和win

如何在Windows下搭建Android開發環境

搭建Android開發環境<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> 1 下載Android SDK http://code.google.com/and

Mac OS X下搭建Android開發環境

準備工具 Java 1.6 For Mac OS X — 在Mac上執行Eclipse會提醒需要Java 6執行時支援庫 Java 1.8 For Mac OS X — 本人開發時所用的jdk版本 Eclipse — 本人開發時所用版本為Eclipse Lun

在ESXI的虛擬機器裡,搭建Android開發環境和模擬器,一波三折

環境為ESXI6.0,虛擬機器為Server 2008R2 X64 遇到的問題,以及解決方案,如下。 1. 需要Intel HAWM,但是安裝失敗了。原因是虛擬機器的虛擬化配置沒有開啟。解決方法:編輯ESXI伺服器上的 vi /etc/vmware/config 加入一行

在Netbeans中搭建Android開發環境

一.安裝NBAandroid外掛 在幾乎所有我查到的教程中,都是說在netbeans中, 但是我試過後發現,怎麼都沒法成功更新,為什麼呢?看這裡我們就明白了. 這是因為更新中心的連結已經失效,我們需要 解壓縮所下載的ZIP檔案,開啟netbeans的Tools->Pl

Unity搭建Android開發環境

注意:所有的檔案路徑儘量不要出現中文字元 1.Unity的下載,以及Unity內建外掛的下載。 Unity外掛下載,我相信對大家來說都是小case了,一條龍安裝系列。 Unity內建外掛按照如下步驟

在Windows 10下搭建Android開發環境

最近利用空餘時間在開發環境上搭建一下Android環境,順便記錄一下。方便自己查閱。搭建的環境是Wind 10系統。 分為四個個步驟: JAVA JDK下載安裝Eclipse下載安裝Android SDKADT安裝配置 1. JDK 1.1 JDK下載地址 JDK(Ja

筆記:虛擬機器ubuntu搭建android開發環境

 如果cpu 是AMD, 並且在Windows下, android studio自帶的模擬器是不能正常執行的。 試了試安裝比較專業的genymotion模擬器, 安裝過程中也是無數的問題, 最後也沒有