用electron写桌面应用_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了用electron写桌面应用_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2100字,纯文字阅读大概需要4分钟。
内容图文
![用electron写桌面应用_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/408/fa61a66bd68145b099d5ec805e7e41e9.jpg)
实际上,桌面应用的历史并不算久远,不去查找各种资料,仅凭记忆,我能想到的曾经出现过的桌面应用编写语言就有: C++、 Delphi、 VB、 winForm、 WPF、 swing、 awt、 QT、 flash、 Objective-C、 Swift...或许还有更多。
学习成本是不是有点高?这么多语言\技术!!如果你恰好还碰到了一个吹毛求疵的老板或者PM,他就是那么迫切的希望自己的app能够多平台发布(也不管在那些平台上是否有客户),作为程序员的你,肿么办?是勇挑大梁,然后各技术栈学习失败,最终自尽以谢老板?还是果断离开?
当然都不是,够懒的程序员应该寻找更容易实现,又能满足老板需求的解决方案。那么,我们来看看今天的话题, electron吧!
electron是什么?
根据官网的描述, electron是一种可以使用网页技术来开发跨平台桌面应用的解决方案!感受一下,用你已知的技巧 html、 javascript、 css就能写桌面应用,是不是想想就有点儿小激动?!
谁在用electron?
著名的前端界IDE Atom就是使用 electron编写的,震颤了有不有?
看看还有哪些著名的应用是基于 electron编写的:
那么接下来,让我开始吧!
准备工作
-
安装 nodejs
-
安装 yeoman
使用程序生成器
npm install -g generator-electron-naive
如果使用 unix like操作系统,请在命令前加 sudo
创建项目
那么我就先来一个简单的叫 todo小应用:
yo electron-naive
当键入上述命令后,生成器会有一系列问题问你,按需回答即可:
问题中的 Use remote URL是指,是否想直接加载一个远程的URL?如果选"是",那么会再要求你输入精确地址
调试
cd todonpm run dev
上述命令操作完后,会有如下应用界面打开:
找到 todo/src/index.html,用你喜欢的IDE打开,然后拷贝如下代码覆盖 index.html原先的内容:
TODO
再来看我们app界面,变成了如下样子:
生成应用程序包
之前生成项目的过程中,在“Which platform you'd like to package to?”这个问题里,你可选择将来要支持的操作系统,以便生成相应的打包代码。
那么现在我们就来生成一个程序包吧:
npm run dist
最后生成的可执行程序出就现在了如下位置:
愉快的双击使用吧!!!
内容总结
以上是互联网集市为您收集整理的用electron写桌面应用_html/css_WEB-ITnose全部内容,希望文章能够帮你解决用electron写桌面应用_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。