美文网首页
Ionic3 开发环境搭建

Ionic3 开发环境搭建

作者: remainer | 来源:发表于2017-11-30 17:52 被阅读0次

    说明

    • 本文默认读者已经安装Java1.7+,NPM和安卓SDK,不会可Email我(remainer@163.com).
    • 本文使用新版本的ionic,我也是新手,有不正之处望大神指教.

    开始

    打开命令行,执行命令

    npm install -g ionic cordova
    

    这条命令会将cordova和ionic安装到npm同级的目录,安装完成即可执行Cordova和ionic命令.
    安装过慢请配置淘宝NPM源,不会请Email我,此处不展开了.
    安装完成之后cd到存放项目的路径执行命令

    ionic start demo tabs
    

    这条命令会在当前路径新建demo文件夹存放源码,tabs是ionic提供的Demo,也是开发脚手架,可直接使用.其他Demo请查看ionic官网说明.

    执行之后询问 图片.png

    输入y回车,输入n之后会报错,原因不详,有结果再来更新.
    输入n结束安装.
    执行命令

    cd demo
    

    插上手机开启调试或启动虚拟机,之后执行

    ionic cordova run android --livereload
    

    安装即可看到效果,每次编辑保存稍等就会在安卓上看到更新.

    成文时cordova最新的安卓版本为android@6.3.0,需要SDK安装api26,若仅安装api25,可以在执行上调命令之前执行

    ionic cordova platform add android@6.2.3
    

    安装其他安卓版本.
    已经安装的话执行

    ionic cordova platform rm android
    

    删除之后添加6.2.3的版本

    相关文章

      网友评论

          本文标题:Ionic3 开发环境搭建

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