首先要更新或者安装 ionic cli

npm install -g ionic

创建项目

ionic start ionic-angular tabs --type=angular

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

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

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

命令跑起来

npm run start

打开 http://localhost:4200

图一项目结构

图二跑起来在浏览器的效果图

本文不会详细介绍如何配置android java 环境，

不会详细介绍如何配置ios appid以及签名等，

你要先有android，java环境或者一台mac 以及 cordova 相关知识请翻我的以前等文章，这里就不详细说明了。

使用 cordova 构建移动应用程序

这里只展示打包ios ipa

首先打开config.xml文件并修改id，id即为你ios开发者中心中的 appid

ionic build

ionic cordova prepare ios

xcode打开MyApp.xcodeproj， 

选择开发团队自动签名后，手机连接电脑，xcode直接运行安装完成，打开app 看效果。

使用 Capacitor 构建移动应用程序

新建的项目确保能够跑起来后，比如说我项目已经添加了 cordova 就不能再使用Capacitor构建了。

有必要先了解capacitor 才能更好的使用capatitor构建移动应用程序，建议先看看这篇博客对capacitor有些了解