ionic+cordova+android Studio创建第一

2018-02-02  本文已影响0人  风离子之旅

1.安装node.js:

建议安装nvm管理

2.安装ant

安装成功如下图:

3.安装cordova

安装成功如下图:

4.安装jdk(注需要配置环境变量)

JAVA_HOME:jdk位置

Path:【%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;】

5.安装Android-sdk(需要配置环境变量)

ANDROID_HOME:文件路径

Path:

成功后打开命令窗口输入“android”能够打开 Android SDK Manager

6.创建第一个应用:

ionic start myApp blank  创建一个空白的app项目 

ionic start myApp tabs 创建一个带有tabs项目

ionic start myApp sidemenu 创建一个带有滑动的项目

我用的是第一个

$ ionic start see01 blank

下载需要几分钟的时间

7.在浏览器上启动

ionic serve

8.部署在手机上

(1)ionic cordova platform add android

(2)ionic cordova prepare android

(3)打开androidstudio,导入

然后就可以像操作安卓一样。

踩坑过程:

1.(知道怎么解决但不知道为什么)

我用的是androidstudio 2.3.3,

android/build.gradle

2.

这个问题知道怎么解决,但不知道为什么。。。。

解决方法:

app/build.gradle

好了,这样你的第一个APP就弄好了,第一次写,写的不好,以后会慢慢改进。

上一篇 下一篇

猜你喜欢

热点阅读