美文网首页马文的地下室
学习笔记《Cordova》

学习笔记《Cordova》

作者: 马文Marvin | 来源:发表于2017-02-03 20:52 被阅读136次

    Cordova 是一个移动端开发的跨平台解决方案,可以把前端代码通过多端打包的方式生成 Android、iOS、H5 的代码,实现一次开发,多端部署。

    极客学院的一个视频教程:

    http://www.jikexueyuan.com/course/799_2.html

    官方文档中的新手教学,写的很清晰:

    http://cordova.apache.org/docs/en/latest/guide/cli/index.html

    Cordova 运行环境需要准备的工具:

    • Node.js
    • Java SDK
    • Android Studio(包含 SDK)
    • Ant

    Ant 在 Mac 下面的安装方式是:brew install ant

    • Xcode

    创建项目的基本操作:

    // 创建项目
    cordova create hello com.example.hello HelloWorld
    // 加入 Android 运行时
    cordova platform add ios --save
    // 编译
    cordova build
    // 运行
    cordova run
    
    // 其他环境的安装
    cordova platform add browser --save  // 建议使用浏览器作为调试环境
    cordova platform add android --save
    

    浏览器中调试:

    cordova emulate browser
    

    Android 下面的调试:

    cordova emulate android
    

    Error: adb: Command failed with exit code 1 Error output:
    error: could not install smartsocket listener: Address already in use
    ADB server didn't ACK
    * failed to start daemon *
    error: cannot connect to daemon

    表示 Android Studio 中需要先安装好 Android 模拟器,再运行就可以了

    iOS 下面的调试:

    sudo npm install -g ios-sim // 代表模拟器运行环境
    sudo npm install -g ios-deploy --unsafe-perm=true // 代表真机运行环境
    cordova emulate ios
    

    Cordova 官方推荐用 iOS 进行真机模拟,操作文档:
    http://cordova.apache.org/docs/en/latest/guide/platforms/ios/index.html

    相关文章

      网友评论

        本文标题:学习笔记《Cordova》

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