本文轉(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)兼容性好[Android和iOS等平臺(tái)都可用并且效果都挺好]般又。
(2)學(xué)習(xí)周期短,上手快[成熟的框架巍佑,簡(jiǎ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.reibang.com/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)——>安裝(和平常安裝軟件類似丘薛,在此不再贅述)嘉竟。
2、檢測(cè)是否安裝成功:
在DOS下用node -v命令檢測(cè)(若出現(xiàn)版本號(hào)則說(shuō)明安裝成功否則安裝失斞笄取):
三舍扰、安裝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)建失敗,目前是這樣蒲讯,等