ITOO-Hybird_App:环境搭建

【前言】

谣传最近IT领域异常火热,而IT中的移动端领域更是如日中天。

做为一名程序猿的我,也不甘Out;于是雄心勃勃参加一个教育平台移动端项目开发;之前有人做了第一版,现在我们需要重构。

【基本情况】

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

下载装包(地址:https://nodejs.org/en/download/)——>安装(和平常安装软件类似,在此不再赘述)。

2、检测是否安装成功:

在DOS下用node -v命令检测(若出现版本号则说明安装成功否则安装失败):

三、安装Python

1、 下载pyhon安装包(地址:https://www.python.org/downloads/)——>安装(和平常安装软件一样,在此不再赘述)

2、配置PATH环境变量:

3、检测是否配置正确:

四、cordova环境搭建

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浏览器(不兼容)。

【总结】

正所谓工欲善其事必先利其器,相信有了这个强大的环境支持,自己会在以后的开发中便利不少,相信自己会在移动开发这条康庄大道上越走越远。

时间: 2024-10-31 13:29:39

ITOO-Hybird_App:环境搭建的相关文章

一、环境搭建

1 更新到最新版本的pip(这是安装python扩展包的一个插件)命令如下: python -m pip install --upgrade pip 2 使用pip安装virtualenv,命令 pip install virtualenv  如果要指定版本号,pip install virtualenv==15.0.1(安装虚拟环境) 3 创建django虚拟环境,命令 virtualenv django_basic_venv 4 使用虚拟环境 需要进入到安装目录的Scripts文件夹下,运行

Ionic2环境搭建及文件目录介绍

[注]引用自:http://blog.csdn.net/jasonzds/article/details/53821184 1环境搭建 一年前研究混合框架,初步确定了四种方案给公司选择,ionic,hbuilder,wex5,react-native这四个框架各有优缺点,ionic和react-native是国外框架,相对好一点,文档更新很快,就不一一说了,大概的思路都是一样的,js逻辑实现,同时调用原生功能,h5,css3 UI实现,其实他们都有自己的ui框架,当时选择了国内的hbuiler,

Selenium+Java+Eclipse 自动化测试环境搭建

一.下载Java windows java下载链接 https://www.java.com/zh_CN/download/win10.jsp 二.安装Java 安装好后检查一下需不需要配置环境变量,现在java 8已经不用配置环境变量了,直接在命令行输入:java -version 三.下载和安装Eclipse windows Eclipse下载链接 https://www.eclipse.org/downloads/ 你也可以下载绿色版 四.下载selenium,然后解压 selenium

Qt在Mac OS X下的编程环境搭建(配置Qt库和编译器,有图,很清楚)

尊重作者,支持原创,如需转载,请附上原地址:http://blog.csdn.net/libaineu2004/article/details/46234079 在Mac OS X下使用Qt开发,需要配置Qt库和编译器.编译器只能使用苹果公司自主研发的Clang.1.分别下载并安装XCode和Command Line Tools(必须安装),安装完毕后,Clang就有了. https://developer.apple.com/downloads/ 2.下载Qt并默认安装 http://down

基于 Eclipse 的 MapReduce 开发环境搭建

文 / vincentzh 原文连接:http://www.cnblogs.com/vincentzh/p/6055850.html 上周末本来要写这篇的,结果没想到上周末自己环境都没有搭起来,运行起来有问题的呢,拖到周一才将问题解决掉.刚好这周也将之前看的内容复习了下,边复习边码代码理解,印象倒是很深刻,对看过的东西理解也更深入了. 目录 1.概述 2.环境准备 3.插件配置 4.配置文件系统连接 5.测试连接 6.代码编写与执行 7.问题梳理 7.1 console 无日志输出问题 7.2

ICE分布式文件管理系统——ICE环境搭建(其二)

上一博文,我们讲述了ICE这个中间件的基本认识. 接下来我们讲述开发环境搭建. 其过程主要分为三步: 安装GCC-4.4.6.安装ICE-3.4.2.安装QT-4.7.3. (本文是基于LINUX下的ICE-3.4.2的安装,如果已安装了GCC(版本高于GCC-4.4.6亦可),请直接安装ICE) 一.安装GCC: (gcc各版本浏览地址:http://ftp.gnu.org/gnu/gcc/) 一般来说基于linux的操作系统都是默认安装了GCC的.假如说你的电脑没有的话 请百度一哈,可以解决

[Step-By-Step Angular2](1)Hello World与自动化环境搭建

随着rc(release candidate,候选版本)版本的推出,万众瞩目的angular2终于离正式发布不远啦!五月初举办的ng-conf大会已经过去了整整一个月,大多数api都如愿保持在了相对稳定的状态——当然也有router这样的例外,在rc阶段还在大面积返工,让人颇为不解——不过总得说来,现在学习angular2不失为一个恰当的时机. Google为angular2准备了完善的文档和教程,按理说,官网(https://angular.io)自然是学习新框架的最好教材.略显遗憾的是,在B

Linux交叉开发环境搭建 —— 效率之源

楼主今天终于把所有Linux开发环境需要的软件下载完毕了.虽然以前也是搭建过的,时间久了又折腾了一晚上. 交叉环境: Windows.Linux文件共享 SecureCRT 连接虚拟机终端 工具: VirtualBox ubuntu-16.04-desktop-amd64.iso(ubuntu官网下载) SecureCRT Source Insight 虚拟机搭建: 检查bios虚拟技术功能开启 新建虚拟机,选择创建虚拟硬盘,其余均默认 点击新建虚拟机设置->存储->选中没有光盘->点击

Intellij IDEA 14.1.4 Scala开发环境搭建

主要内容 Intellij IDEA开发环境简介 Intellij IDEA Scala开发环境搭建 Intellij IDEA常见问题及解决方案 Intellij IDEA常用快捷键 1. Intellij IDEA开发环境简介 具体介绍请参见:http://baike.baidu.com/link?url=SBY93H3SPkmcmIOmZ8H60O1k4iVLgOmdqoKdGp9xHtU-Pbdsq2cpn75ZPZPWAJxeUlwr0ravraQzOckh777beq Intelli

Phonegap(Cordova)3.4 + Android 环境搭建

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够利用iPhone,Android,WP7等多种智能手机的核心功能--包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能. PhoneGap最初由Nitobi开发, 它被Adobe收购后,PhoneGap项目也被贡献给Apache软件基金会,并改名为 Apache Cordova. 目前最新版本:3.4.1 . Phone