ionic4混合开发 创建项目、最终运行起来

刚开始打算一周至少更新两次吧,结果半个月过去了还没写第二篇,哎,废话不多说……

前面环境都搭建好之后,就开始创建项目了,在ionic4里面跟ionic3创建项目的时候还是有点不一样的

1、ionic start myApp tabs --type=angular

这个命令跟官网的一样,创建出来的是ionci4的项目,若是--type=angular没写,那么也能创建,不过是ionic3的项目

项目创建的过程中若出现npm i错误的建议翻墙再试一下,若再不行安装下cnpm ,用cnpm install试一下

若出现gyp……错误,那是node-sass和当前nodejs的版本不支持,按照错误重新安装一下node-sass

创建过程中会问你是否添加cordova,cordova是连接手机底层比如照相机这些手机硬件的通讯插件,若打算用capcitor就输入n;

一切正常的话可以先跑一下ionic serve,现在这个命令会自动打开浏览器窗口了,默认localhost:8100

2、正常的话就添加平台了,对于capacitor来说

添加ios平台:ionic capacitor add ios

添加andorid品台:ionic capacitor add android

对于cordova来说

添加ios平台:ionic cordova prepare ios

添加andorid平台:ionic cordova prepare android

3、运行项目

对于capacitor来说

在ios设备上运行:ionic capacitor open ios

在android设备上运行:ionic capacitor copy android

对于cordova来说

在ios设备上运行:ionic cordova run ios

在android设备上运行:ionic cordova run android

你可能感兴趣的:(ionic4混合开发 创建项目、最终运行起来)