美文网首页ionic4移动混合开发框架--学习笔记全栈工程师
ionic4混合开发 创建项目、最终运行起来

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

作者: 淋雨一直走YH | 来源:发表于2018-10-17 09:11 被阅读1540次

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

    前面环境都搭建好之后,就开始创建项目了,在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混合开发 创建项目、最终运行起来

        本文链接:https://www.haomeiwen.com/subject/vriggftx.html