跨平台移动App开发实战1 - 环境和入门

本系列教程介绍如何使用cordova+vue.js构建跨平台移动应用。

课程系列

本课内容

这是这个系列教程的第一讲,首先是开发环境的建立,并演示一个入门应用,从安装环境、创建项目、开发调试、安装部署(android)完整的流程,主要内容包括:

  • 移动app开发架构对比
  • Cordova的基本概念,架构特点
  • 开发环境和工具
  • 原生Cordova项目演示
  • 介绍三大框架
  • 选择UI库
  • Quasar项目入门
  • Quasar工程和脚手架代码介绍
  • Android开发模式
  • HMR 代码热部署
  • 项目真机调试
  • 项目安装包构建
  • Android签名和发布

通过这一讲解,可以帮助新手快速建立现代的前端框架概念,并了解如何基于业界最佳实践技术来构建现代的跨平台移动应用。

购买须知:
1、本课程为虚拟产品,一经购买,概不退款(讲师特别声明除外)
2、在使用过程中,遇到任何问题,请邮件联系:pr@sifou.com
3、划线价说明:商品展示的划横线价格为参考价,并非原价。该价格仅供您参考。

版权声明:讲者在本产品上发表的全部原创内容(包括但不限于文字、视频、图片等)著作权均归讲师本人所有。未经讲师授权许可,观众用户不得以任何载体或形式使用讲师的内容。

4.9 9条评价

hank_er · 2019-03-26

讲的很好 老师可以快点更新么

十年 · 2019-03-28

谢谢鼓励,相对于更新速度,我更在意质量,其实很早就已经录制了第三期视频,自己回看的时候不太满意,加上订阅的人不多,就一直没有上传,后面会尽快调整好再上传。

丹LdKTk · 2019-03-14

老师,为什么我在添加平台的时候(cordova platform add browser)总出现下面的错误?
Using cordova-fetch for cordova-browser@~5.0.1
Failed to fetch platform cordova-browser@~5.0.1
Probably this is either a connection problem, or platform spec is incorrect.
Check your connection and platform name/version/URL.
Error: cmd: Command failed with exit code 1 Error output:
'C:\Windows\system32\npm' is not recognized as an internal or external command,
operable program or batch file.

十年 · 2019-03-18

看你的出错信息,应该是nodejs/npm没有安装好,你直接执行npm看下,如果报错了,就是这个原因,需要重新安装nodejs。

rstdo · 2019-02-18

Wade · 2018-10-11

请教一下,最后开发Android版本无法在手机上正常运行的原因可能是什么?
问题现象:
手机端显示白屏,等待一段时间后提示“net::ERR_CONNECTION_TIMED_OUT ...”
用PC浏览器访问同样的IP,会依次提示如下几个脚本:
gap_init:3
gap:[0,"CoreAndroid","messageChannel","CoreAndroid1784426959"]
gap:[0,"CoreAndroid","show","CoreAndroid1784426960"]
gap:[0,"CoreAndroid","overrideBackbutton","CoreAndroid1784426961"]
如果脚本弹出框都选择确定,结果跟手机一样是白屏,
如果选择取消取消,则能正常显示app界面

另外,发现quasar dev -m cordova -T android执行后,会提示
No target specified, deploying to device ‘xxxxx',实际手机已经正常连接到PC,
用vysor也能正常连接手机。换了2个手机都一样,可能是什么原因?

十年 · 2018-10-12

CONNECTION_TIMED_OUT的话,你可以看下手机和开发机是否在同一个局域网下,需要可以互相访问,比如,手机不要使用数据上网,要和开发机连在同一个wifi下。

FuerJH · 2018-09-15

老师讲得细心入微,对新手很有帮助。请问使用的那个命令行工具叫什么名称?看起来比似乎功能挺多的。

十年 · 2018-09-15

叫做ConEmu,开源的多标签页命令行工具,https://conemu.github.io/

Svgpng · 2018-07-26

没了吗?

十年 · 2018-08-17

第二讲录制完成了,已经上传,等待审核中,顺利的话应该下周可以上线。

kooro · 2018-07-21

快点更新吧。

十年 · 2018-07-26

抱歉,更新比较慢,是因为我在录制的过程中,又参考了一些前端的新进展,更新了自己的一些知识体系,希望能录制更好一些吧。

codeling · 2018-07-06

清晰易懂!期待第二讲~

十年 · 2018-08-27

第二讲已上线哈~
跨平台移动App开发实战2 - 完整开发一个调音器应用
https://segmentfault.com/l/15...

科技小白英仔 · 2018-07-04

第二讲什么时候上线?

十年 · 2018-08-27

第二讲已上线哈~
跨平台移动App开发实战2 - 完整开发一个调音器应用
https://segmentfault.com/l/15...