Cordova入门篇:(一) IDEA+Cordova运行第一个项目

本文介绍如何使用Cordova框架创建混合型移动应用,包括环境搭建、项目创建及配置过程。

原生应用:Android中是java,iOS中是Objective-C、Swift为主要语言进行开发。
纯Web应用:也就是所谓的响应式网站,在移动和PC中通过浏览器访问。
混合型应用:利用Web应用和原生应用婚后进行开发。比如展现部分用web在特定的webView中展示,部分核心功能依然是原生开发。

cordova会是这样一个混合型框架(一个好桥梁)。

网址:
http://cordova.apache.org
在这之前确保你已经安装好了node.js(内置npm)

#首先创建一个文件夹,cd进去
npm install cordova
#然后执行
npm init #会生成package.json

/cordova/npm:
这里写图片描述

安装官方文档创建项目

cordova create 项目名 默认包名 应用名称

这里写图片描述

编辑package.json

  "scripts": {
    "create": "cordova create myapp com.mydev.myapp myapp",
    "add-android":"cd myapp && cordova platforms add android"
  },

由于需要进入myapp才能加入Android支持,因此加入cd myapp(上面自动生成的文件夹)。

然后在终端执行:

npm run create

这里写图片描述
这里写图片描述
(然后会多一个myapp文件夹)

创建完cordova项目之后,添加支持android平台
继续执行:

npm run add-android

这里写图片描述

接下来使用IDEA导入项目

导入上面创建的myapp
这里写图片描述
(IDEA导入的时候注意这一步,最后一个插件,我们不需要)

导入完成,看看目录,可以看就我们很熟悉的安卓配置文件
这里写图片描述

这里写图片描述
(再找找,可以找到src目录,下面有就是我们安卓的代码。从MainActivity.java代码可以看出是加载了一个index.html文件)

然后找到index.html文件,并做一点儿修改。
这里写图片描述
运行项目在模拟器中查看:
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值