如何用cordova开发exe

如何用cordova开发exe,第1张

*** 作分成电脑和手机(或模拟器)两个部分, *** 作流程如下:在手机上打开“设置|开发者选项|USB调试”。对于低版本的android,直接打开即可,对于44以上,“开发者选项”菜单被隐藏掉了,打开的方法是在“设置|关于手机”界面中双击“版本号”项(注意,不是“Android版本”项),一般需要连续双击两次,这时候你会看到一个提示说开发者选项已经打开了。在手机上打开chrome浏览相应网站或打开hybrid程序。把手机通过USB线连到电脑上,在问你是否打开USB调试是选择“是”。如果是模拟器,那么请在命令行输入adbconnect在电脑上打开chrome,并访问chrome://inspect/#devices,这是一个chrome的内部页面,在这里,你会看到设备的列表,列表中列出了它所包含的WebView。在这个WebView下会有一个超链接按钮:“Inspect”,点它,就打开了一个DevTools的页面,和在电脑上调试页面时使用的是同一个。甚至当你在它的Element页把鼠标悬停在某个节点上的时候,手机chrome中也会向电脑版chrome一样对该节点进行高亮(但有可能反应会慢些)。剩下的事情就不用我教你了吧……我用的Hybrid框架是cordova,如果你用的不是cordova,那么可能需要在程序的入口点添加如下代码:WebViewsetWebContentsDebuggingEnabled(true)当然,要把它包裹在if条件里,免得发行版也被别人“调试”了。iconic中的相应代码如下,供参考:finalStringpackageName=thiscordovagetActivity()getPackageName();finalPackageManagerpm=thiscordovagetActivity()getPackageManager();ApplicationInfoappInfo;appInfo=pmgetApplicationInfo(packageName,PackageManagerGET_META_DATA);if((appInfoflags&ApplicationInfoFLAG_DEBUGGABLE)!=0&&androidosBuildVERSIONSDK_INT>=androidosBuildVERSION_CODESKITKAT){setWebContentsDebuggingEnabled(true);}

第一阶段:HTML+CSS/HTML5+CSS3(HTML+CSS、PC端网页重构、HTML5+CSS3)

第二阶段: Javascript(JS数据类型、语法、JS对象、JS内置对象、BOM\DOM)

第三阶段:Javascript高级/ Ajax/JQ(AJAX、浏览器缓存、JS对象高级、ES6、JQuery)

第四阶段:前端主流框架(前端工程化、AugularJS、VueJS、React Native、微信小程序)

一个专业的前端开发工程师是必须掌握前端开发三大基本基石HTML、CSS,JavaScript。光会这些还不够,有了这些语言还需要各种工具的支撑,比较常见的有Dreamweaver,Sublime,HBuilder。还有FontelloFontello 、Secureheaders、Visual Studio CodeVisual Studio Code。

工具只能解决一些特定问题,要解决更加全面的问题就要接触到框架,三大基本框架有Angular、React、Vue,当然,以后还会接触到更多Bootstrap、 Fbootstrapp、BootMetro、Gumby、IVORY、Kube这样的框架。另外,一个优秀的前端开发工程师可能还要掌握SEO、DOM、BOM、Ajax等技能,甚至,网站性能优化和服务器端的相关基础知识也是需要了解的。

学会这些还不够,前端开发是一门发展的学科,不是学好了就可以停止学习,后面还会接触到更多新的内容。

由此可见,要想学好前端,绝对不简单,前端开发的广度和深度是其他行业所不能比拟的,你必须付出不懈的努力,才能收获这份果实。

第一阶段:
HTML+CSS:
HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、
JavaScript基础:
Js基础教程、js内置对象常用方法、常见DOM树 *** 作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效:
常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、d出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
JQuery:基础使用
悬着器、DOM *** 作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段:
HTML5和移动Web开发
HTML5:
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas
CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocityjs框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:
跨终端WEB和主流设备简介、视口、流式布局、d性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zeptojs、手机聚划算页面、手机滚屏。
第三阶段:
>1
首先需要安装好nodejs(网上教程很多)
这是为了使用npm来安装ant,cordova,ionic
验证是否安装好nodejs的方法是在命令提示符中输入“node -v”
若出现版本号,证明安装成功。
2
下载jdk,并配置java环境(网上教程很多)
验证是否安装好的方法是在命令提示符中输入“javac”
若出现如下内容,证明安装成功。
3
安装ant,并配置相应的环境(网上搜教程)
验证是否安装好ant的方法是在命令提示符中输入“ant -v”
若出现版本号,证明安装成功。
4
现在就可以安装cordova了,根据下图一步一步来就好了,官网有,可以自己搜下;
验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”
若出现版本号,证明安装成功。
5
接下来是安装成功ionic的重要一步了,就是安装express,
cmd 输入:npm install express
等待一会即可
6
接下来就可以安装ionic了,也是按下图,或是去官网查看步骤;
注意:如果按步骤执行到最后三步,发现出错,请先安装android sdk
或者可以直接省略最后三步(即只用执行到 cd myApp),在命令提示符中输入“ionic serve”
直接在浏览器中查看效果;
7
验证是否安装好ionic的方法是在命令提示符中输入“ionic -v”
若出现下图,证明安装成功。
END
应用过程中遇到的一些问题解决办法
1
升级cordova命令
调用语句 :windows用户npm update -g cordovamac系统的用sudo npm update -g cordova查看cordova信息npm info cordova 查看cordova 版本cordova -v查看cordova命令cordova help
END
注意事项
配置环境变量时,用英文状态下“;”把要添加的路径与前面有的隔开;
所有的命令都是在命令提示符中进行的,在输入命令时,别把“$”也一块输进去~
如果前面都实现了,但是ionic还是安装失败,多半是网络问题;


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10683966.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-10
下一篇2023-05-10

发表评论

登录后才能评论

评论列表(0条)

    保存