本文轉自 當年的春天 的博客,原文地址:http://blog.csdn.net/zhanghan18333611647/article/details/51234605,非常感謝幫我解決了很多問題,作為新手,也遇到一些問題,在此記錄下來,以供遇到同樣問題的小伙伴們參考。
【基本情況】
1、本次開發用到相關東西:
技術選型——Hybrid_APP;
框架——Angulajs;
代碼庫——ionic;
設備相關API——Cordova;
代碼編輯器——SublimeText;
2、為什么選用Hybrid_APP:
(1)兼容性好[Android和iOS等平臺都可用并且效果都挺好]。
(2)學習周期短,上手快[成熟的框架,簡單]。
安卓環境搭建(版本號—jdk:1.8.0_71;sdk:25.1.3)
安裝Node.js(版本號—V5.10.1)
安裝Python(版本號—2.7.11)
安裝Crdova(版本號—6.1.1)
安裝ionic(版本號—1.7.14)
測試環境
一、安裝安卓的開發環境
1、安裝JDK
下載jdk安裝包(地址:http://www.Oracle.com/technetwork/Java/javase/downloads/index.html)
2、配置JDK的環境變量:
(1)進入到jdk的安裝目錄下的bin目錄復制其路徑。
(2) PATH屬性配置:計算機右擊——>屬性——>高級系統設置——>高級——>環境變量——>PATH——>編輯
(3)在DOS下用java -version命令檢測PATH環境變量是否配置成功。
3、安裝SDK
(1)下載SDK安裝包(地址:http://tools.android-studio.org/index.PHP/sdk)
(2)安裝過程中會彈出一個Android SDK Manager的界面讓選擇需要裝哪些文件:
如何選擇那?大家可以參考:http://www.lxweimin.com/p/ead6f56ddbbc
4、配置SDK的環境變量
(1)將SDK下的tools路徑添加到PATH中
(2)在DOS下用android
-h命令檢測是否配置正確(若出現如下截圖的說明則配置正確否則檢查環境變量設置)。
二、裝node.js
1、下載并安裝nodejs
下載裝包(地址:rrrr)——>安裝(和平常安裝軟件類似,在此不再贅述)。
2、檢測是否安裝成功:
在DOS下用node -v命令檢測(若出現版本號則說明安裝成功否則安裝失敗):
三、安裝Python
1、下載pyhon安裝包(地址:r)——>安裝(和平常安裝軟件一樣,在此不再贅述)
2、配置PATH環境變量:
3、檢測是否配置正確:
四、cordova環境搭r建
1、在Dos下用npm install-g
cordova命令安裝
2、檢測Cordova是否安裝成功:
五、ionic環境搭建
1、在Dos下用命令安裝
2、過程中遇到問題及解決辦法:
(1)提示之前有安裝過ionic:
解決辦法:進之前安裝的ionic目錄將其刪除;
(2)提示在下載過程中有問題。
解決辦法利用:
由于GFW,很多插件下載不下來,我們可以使用淘寶鏡像來解決這個問題:
npm?install -g?cnpm?--registry=https://registry.npm.taobao.org
安裝完成后,以后所有的插件都使用cnpm這個命令來進行安裝。
用ionic -v 命令來檢測是否安裝成功:
六、此環境安裝完成:
1、創建一個項目:
2、添加平臺:
3、編譯:
4、效果:
(1)開啟ionic服務:
(2)在瀏覽器中測試:
·默認打開的測試界面:
·更換一個絢麗的界面:
友情提示:在測試的時候用Google或火狐瀏覽器,不要用360瀏覽器(不兼容)。
而其自己在創建項目的時候出現了一個問題:就是創建項目的時候使用默認的路徑可以,修改別的路徑創建失敗,目前是這樣,等