Html5混合开发环境的搭建

工具:Android SDK,Java JDK,Node.js,Cordova、Ionic、python;

1、androd 需要配置:jdk路径和sdk 配置;

jdk配置环境变量:

JAVA_HOME:jdk安装目录,如:F:\Java\jdk1.8.0_11

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

2、Android sdk配置环境变量:

ANDROID_HOME:为Android SDK的存放目录,如:E:\Android\sdk

(ANDROID_HOME) %ANDROID_HOME%\tools;

3、安装Python,可以去官网或者搜索下载然后手动安装。安装完之后如果发现环境变量中没有C:\Python27,C:\Python27\Scripts,需要自行添加上,目录以实际安装目录为主,此处只作为参考;

4、安装node.js:可以去官网上或者搜索自己下载,然后手动安装

5、Cordova 安装:在windows操作系统的命令行下使用指令:npm install -g cordova进行安装,-g的意思是全局安装,全局安装后在任何目录下都可以使用cordova的命令。(需要联网);

6、Ionic安装:同样在命令行下使用命令:npm install -g ionic;(需要联网)

7、软件安装:webstrom主要的开发软件,自行下载安装

创建项目:以下指令同样是使用命令行操作,可能会出现各种错误,如,环境配置不对,或者以上所需工具或软件没有正确安装(webstorm除外,此处还未用到给工具);

1、ionic start myproject (myproject:是我们的项目名称); 注意:创建时,操作完指令后会自动下载需要的工具包,或者这一步可以去github上去下载需要的开发框架,然后解压到相应的目录下,效果是一样的>

2、cd myproject (进入到我们的项目内)

3、ionic platform add android 在platform文件夹下添加android

注意:初次使用需要联网,操作完指令后会自动下载需要的工具包;

4、ionic build android 生产android apk包;

创建一个android调试apk,次apk就可以运行在模拟器或者真实机上了。

如果安装工作顺利完成,但是在创建工程的过程中出现了错误,可以尝试多操作几次,因为在操作的过程中有可能需要联网,有时候会因为网络连接速度慢而出成功。当以上准备工作完成后,就可以使用

工具:Android SDK,Java JDK,Node.js,Cordova、Ionic、python;

1、androd 需要配置:jdk路径和sdk 配置;

jdk配置环境变量:

JAVA_HOME:jdk安装目录,如:F:\Java\jdk1.8.0_11

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

2、Android sdk配置环境变量:

ANDROID_HOME:为Android SDK的存放目录,如:E:\Android\sdk

(ANDROID_HOME) %ANDROID_HOME%\tools;

3、安装Python,可以去官网或者搜索下载然后手动安装。安装完之后如果发现环境变量中没有C:\Python27;C:\Python27\Scripts,需要自行添加上,目录以实际安装目录为主,此处只作为参考;

4、安装node.js:可以去官网上或者搜索自己下载,然后手动安装

5、Cordova 安装:在windows操作系统的命令行下使用指令:npm install -g cordova进行安装,-g的意思是全局安装,全局安装后在任何目录下都可以使用cordova的命令。(需要联网);

6、Ionic安装:同样在命令行下使用命令:npm install -g ionic;(需要联网)

7、软件安装:webstrom主要的开发软件,自行下载安装

创建项目:以下指令同样是使用命令行操作,可能会出现各种错误,如,环境配置不对,或者以上所需工具或软件没有正确安装(webstorm除外);

1、ionic start myproject (myproject:是我们的项目名称); 注意:创建时,操作完指令后会自动下载需要的工具包,或者这一步可以去github上去下载需要的开发框架,然后解压到响应的目录下,效果是一样的>

2、cd myproject (进入到我们的项目内)

3、ionic platform add android 在platform文件夹下添加android(名字自取)

注意:初次使用需要联网,操作完指令后会自动下载需要的工具包;

4、ionic build android 生产android apk包;

创建一个android调试apk;会在

如果安装工作顺利完成,但是在创建工程的过程中出现了错误,可以尝试多操作几次,因为在操作的过程中有可能需要联网,有时候会因为网络连接速度慢而出成功。

当以上准备工作完成后,就可以使用webstorm打开刚刚创建的项目,一下图是运行在浏览器中的效果

时间: 2024-12-25 12:51:08

Html5混合开发环境的搭建的相关文章

Cordova配置与WebApp混合开发环境配置

好久都没来更新随笔了,这阵子比较忙,不过还是在不断的学习当中,今天给大家分享一下Cordova的配置与搭建WebApp混合开发环境的配置. 准备好了吗?让我们一步步来咯!!! 1.配置JDK环境 用的是1.8的版本,网上很多地方可以下载,这里就不上链接了 下载安装好后再本地配置sdk环境变量,如图,点击桌面(计算机)->右键属性->高级系统设置->系统属性面板高级->点击环境变量->在下面框中的系统变量中新建 配置以下三个变量,不清楚的建议去百度jdk环境变量设置,百度上讲的

开发环境——基于RHEL 6.8开发环境的搭建

开发环境--基于RHEL 6.8开发环境的搭建 本文讲述了基于RHEL 6.8操作系统搭建开发环境,主要安装了GCC 4.9.3.Qt 5.7.Apache 2.4.25.MySQL 5.6.35.本文同时适用于在Linux主机无互联网环境下搭建开发环境,只需要将所需安装包下载后拷贝到Linux主机即可. 一.RHEL6.8安装 1.RHEL 6.8下载 下载RHEL 6.8安装包:rhel-server-6.8-x86_64-dvd.iso 2.RHEL 6.8安装 安装过程中选择Develo

Android开发环境的搭建

(我果然在作死的道路上越走越远了...) 花了一下午的时间搭建了Anroid开发环境,来说说搭建的过程: 首先,百度! 网上关于Android开发环境搭建的教程有很多,但许多都很杂乱,而且时间久远已经不是很准确了. 浏览了众多教程,贴两个个人觉得较不错的教程地址: 1.http://blog.csdn.net/fl_xin/article/details/39472019 2.http://wenku.baidu.com/link?url=noSH3FDTfaZRe59RTFtuemi-6155

Ubuntu 14.04下java开发环境的搭建--3--Tomcat及MySQL的安装

前面两篇文章,已经说明了JDK和Eclipse 的安装方法,下面简单说一下,Tomcat及MySQL的安装方法. Tomcat的安装. 在合适的地方解压apache-tomcat-6.0.39.tar.gz cd /opt/DevelopTools sudo mkdir server cd server sudo cp /home/home/下载/apache-tomcat-6.0.39.tar.gz /opt/DevelopTools/server sudo tar -zxvf apache-

android笔记1——开发环境的搭建

Long Long ago...已经成为了历史,我还是要说出一个真相:早年前,那时候,android还不被大众所认知的时候,当然开发者也没不像现在那样趋于饱和状态.一位大牛前辈,也是我的学长,那时候我还在上大学.前辈告诫我有时间得去看看android开发,那时候的自己,年轻.冲动.不畏惧,毅然地选择了java服务端开发,放弃了学习android开发. 时隔数年的今天,因为公司业务项目的发展,我还是得去做android开发工作...虽然这几年间断断续续的看了些android开发,但是将成为历史的今

从svn签下代码以及集成开发环境的搭建详细过程

在经过几次的从svn上签下来代码的经历之后,终于总结出了详细的步骤 在upupw/htdocs下建立新的文件夹(此处根据你服务器的根目录而变),此处为bpb1027 ,再右键,选择SVN Checkout 填入内网或外网访问SVN的地址,后面要加个/trunk(主干开发) SVN 主干(trunk).分支(branch ).标记(tag)的不同 trunk:是用来做主方向开发的,一个新模块的开发,这个时候就放在trunk,当模块开发完成后,需要修改,就用branch. branch:是用来做并行

Perl开发环境的搭建--windows

Steps Summary: 1. 下载安装文件 2. 点击文件进行安装 3. 设置环境变量 4. 测试安装是否成功 以在win8上安装Active perl 5.22 为例 Details: 1. 下载安装文件 1) way1: 自己安装编译器,再安装Perl模块,再进行编译,安装. 这种方法的好处是可以编译安装所有的模块 2) way2: 下载已经编译好的perl模块直接进行安装 只能安装定义好的模块.但是编译好的模块一般包含了日常所需的功能.初学者最好使用第二种方法进行安装 以active

Linux平台下Java_Android开发环境的搭建

Linux 平台下安装JDK .Eclipse .Android SDK 说明 开发工具需自行去下载,此处就不再累述 该教程安装环境为 Ubuntu 14.04 x64 其他Linux操作方式基本相同 设计文件修改部分,请先备份要修改的文件,避免操作失误导致不能还原 Liunx 平台下区分大小写,输入文件名或路径建议复制避免不必要的错误 部分操作涉及root权限,为了避免麻烦 请直接使用 root权限操作 开启root权限: 1. sudo su root 2. 后面的提示中输入用户密码 安装

【2014】【辛星】【php】【秋季】【1】php开发环境的搭建

**************************什么是开发环境*********************** 1.我们学习PHP,是使用它来做web用的,通俗理解,就是做网站. 2.网站的运行需要一定的条件,比如它需要服务器.数据库等环境,当然还需要一个操作系统来支撑他们的运行. 3.我们在学习阶段,就需要模拟这个网站的运行环境,但是我们是在开发阶段,也就是所谓的"开发环境". *****************搭建环境前的选择***************************