Hybrid_APP环境搭建以及问题解决

本文转自 当年的春天 的博客，原文地址：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.jianshu.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浏览器（不兼容）。

而其自己在创建项目的时候出现了一个问题：就是创建项目的时候使用默认的路径可以，修改别的路径创建失败，目前是这样，等