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

2018-10-17 本文已影响1540人淋雨一直走YH

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

前面环境都搭建好之后，就开始创建项目了，在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来说