刚开始打算一周至少更新两次吧,结果半个月过去了还没写第二篇,哎,废话不多说……
前面环境都搭建好之后,就开始创建项目了,在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
网友评论