Hybrid_APP環(huán)境搭建以及問(wèn)題解決

本文轉(zhuǎn)自 當(dāng)年的春天 的博客,原文地址:http://blog.csdn.net/zhanghan18333611647/article/details/51234605,非常感謝幫我解決了很多問(wèn)題,作為新手,也遇到一些問(wèn)題,在此記錄下來(lái),以供遇到同樣問(wèn)題的小伙伴們參考。

【基本情況】

1、本次開(kāi)發(fā)用到相關(guān)東西:

技術(shù)選型——Hybrid_APP

框架——Angulajs;

代碼庫(kù)——ionic;

設(shè)備相關(guān)API——Cordova

代碼編輯器——SublimeText;

2、為什么選用Hybrid_APP

(1)兼容性好[AndroidiOS等平臺(tái)都可用并且效果都挺好]。

(2)學(xué)習(xí)周期短,上手快[成熟的框架,簡(jiǎn)單]。

【搭建環(huán)境】

安卓環(huán)境搭建(版本號(hào)—jdk:1.8.0_71;sdk:25.1.3)

安裝Node.js(版本號(hào)—V5.10.1)

安裝Python(版本號(hào)—2.7.11)

安裝Crdova(版本號(hào)—6.1.1)

安裝ionic(版本號(hào)—1.7.14)

測(cè)試環(huán)境

一、安裝安卓的開(kāi)發(fā)環(huán)境

1、安裝JDK

下載jdk安裝包(地址:http://www.Oracle.com/technetwork/Java/javase/downloads/index.html)

2、配置JDK的環(huán)境變量:

(1)進(jìn)入到j(luò)dk的安裝目錄下的bin目錄復(fù)制其路徑。

(2) PATH屬性配置:計(jì)算機(jī)右擊——>屬性——>高級(jí)系統(tǒng)設(shè)置——>高級(jí)——>環(huán)境變量——>PATH——>編輯

(3)在DOS下用java -version命令檢測(cè)PATH環(huán)境變量是否配置成功。

3、安裝SDK

(1)下載SDK安裝包(地址:http://tools.android-studio.org/index.PHP/sdk)

(2)安裝過(guò)程中會(huì)彈出一個(gè)Android SDK Manager的界面讓選擇需要裝哪些文件:

如何選擇那?大家可以參考:http://www.itdecent.cn/p/ead6f56ddbbc

4、配置SDK的環(huán)境變量

(1)將SDK下的tools路徑添加到PATH中

(2)在DOS下用android

-h命令檢測(cè)是否配置正確(若出現(xiàn)如下截圖的說(shuō)明則配置正確否則檢查環(huán)境變量設(shè)置)。

二、裝node.js

1、下載并安裝nodejs

下載裝包(地址:rrrr)——>安裝(和平常安裝軟件類(lèi)似,在此不再贅述)。

2、檢測(cè)是否安裝成功:

在DOS下用node -v命令檢測(cè)(若出現(xiàn)版本號(hào)則說(shuō)明安裝成功否則安裝失?。?/p>

三、安裝Python

1、下載pyhon安裝包(地址:r)——>安裝(和平常安裝軟件一樣,在此不再贅述)

2、配置PATH環(huán)境變量:

3、檢測(cè)是否配置正確:

四、cordova環(huán)境搭r建

1、在Dos下用npm install-g

cordova命令安裝

2、檢測(cè)Cordova是否安裝成功:

五、ionic環(huán)境搭建

1、在Dos下用命令安裝

2、過(guò)程中遇到問(wèn)題及解決辦法:

(1)提示之前有安裝過(guò)ionic:

解決辦法:進(jìn)之前安裝的ionic目錄將其刪除;

(2)提示在下載過(guò)程中有問(wèn)題。

解決辦法利用:

由于GFW,很多插件下載不下來(lái),我們可以使用淘寶鏡像來(lái)解決這個(gè)問(wèn)題:

npm?install -g?cnpm?--registry=https://registry.npm.taobao.org

安裝完成后,以后所有的插件都使用cnpm這個(gè)命令來(lái)進(jìn)行安裝。

用ionic -v 命令來(lái)檢測(cè)是否安裝成功:

六、此環(huán)境安裝完成:

1、創(chuàng)建一個(gè)項(xiàng)目:

2、添加平臺(tái):

3、編譯:

4、效果:

(1)開(kāi)啟ionic服務(wù):

(2)在瀏覽器中測(cè)試:

·默認(rèn)打開(kāi)的測(cè)試界面:

·更換一個(gè)絢麗的界面:

友情提示:在測(cè)試的時(shí)候用Google或火狐瀏覽器,不要用360瀏覽器(不兼容)。

而其自己在創(chuàng)建項(xiàng)目的時(shí)候出現(xiàn)了一個(gè)問(wèn)題:就是創(chuàng)建項(xiàng)目的時(shí)候使用默認(rèn)的路徑可以,修改別的路徑創(chuàng)建失敗,目前是這樣,等

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一.準(zhǔn)備工作:下載安裝 Node.js (npm依賴(lài)包)JDK (Java開(kāi)發(fā)工具包,即Java Dev...
    謝大見(jiàn)閱讀 745評(píng)論 2 3
  • 環(huán)境安裝 技術(shù)選型:ionic(v1.7.16)+angularjs(v1)+cordova 基于h5的app開(kāi)發(fā)...
    薪火設(shè)計(jì)閱讀 2,217評(píng)論 0 2
  • 目錄 說(shuō)明 環(huán)境搭建 起始一個(gè)ionic項(xiàng)目 angular(操作數(shù)據(jù))在項(xiàng)目中常用到的點(diǎn),以及與jq(操作dom...
    新林吃遍世界閱讀 1,487評(píng)論 0 0
  • 每個(gè)人在乎的東西跟點(diǎn)真的不一樣 我似乎也不能要求對(duì)方去關(guān)注或是在乎自己認(rèn)為還比較重要的事情 就好像對(duì)方也不能命令我一樣
    魚(yú)甜閱讀 172評(píng)論 0 0
  • 親去世10年后,在我的“軟硬兼施”下,母親終于同意來(lái)鄭州跟著我——她最小的女兒一起生活。這一年,母親70歲,我40...
    成榮凱閱讀 319評(píng)論 0 1

友情鏈接更多精彩內(nèi)容