Hybrid_APP環境搭建以及問題解決

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

【基本情況】

1、本次開發用到相關東西:

技術選型——Hybrid_APP

框架——Angulajs

代碼庫——ionic

設備相關API——Cordova

代碼編輯器——SublimeText;

2、為什么選用Hybrid_APP

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

(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瀏覽器(不兼容)。

而其自己在創建項目的時候出現了一個問題:就是創建項目的時候使用默認的路徑可以,修改別的路徑創建失敗,目前是這樣,等

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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