搭建Iconic+angular混合APP开发环境

1.安装iconic cli

npm install -g ionic

-g意思是全局安装

ionic -v

2.创建项目

ionic start ionic-angular tabs --type=angular

–type=angular 是需要多加的参数，现在官方只集成好了angualr 或许以后就会有 --type=vue 或–type=react 呢

新建好项目后你会发现，与ionic2 ionic3项目 它的目录结构变了。在ionic4 ，已更改为遵循每个受支持框架的建议设置。例如，如果某个应用程序正在使用Angular，那么该项目结构将与Angular CLI应用程序完全相同。

这是新建好后的目录结构，有angular项目经验的开发人员来说，这应该非常熟悉。

3.命令跑起来

npm run start

打开 http://localhost:4200 可以看到

4.检验java开发环境

在终端输入命令 java 或者 java -version检查本地是否安装java全局环境

如果没有安装，请到java官网下载安装

5.安装cordova

npm install -g cordova

检查cordova是否安装成功

cordova -v

5.安装android stadio

6.打包成安卓apk包

在项目命令行输入：

ionic cordova build android

在 \platforms\android\app\build\outputs\apk\debug 中找到 app-debug.apk 放到手机上即可安装测试

查看空项目打包之后的大小

安装到手机上，针对有刘海屏的手机，空项目没有做适配

这个问题后续做研究！