Electron(Atom-Shell)从页面链接运行unix命令

Con*_*ick 0 html javascript command node.js electron

我正在尝试学习Electron(Atom-Shell),但我发现很难找到它的文档......

我只是想弄清楚如何<a href="something"></a>在index.html中创建一个链接,让它打开一个终端窗口或运行某种程序.

我通过学习特定任务来学习语言,因为我在程序中需要它们,所以这就是我要求的原因,然后我可以在我的程序中使用其他方式使用的技术.

谢谢你的帮忙.

Jos*_*osh 7

好吧,基本上Electron只是一个Chromium浏览器的自定义版本,它与Nodejs和一些非常酷的软件包打包在一起,它们基本上允许您运行自定义浏览器,就像它是本机平台应用程序一样.因此,创建一个Electron应用程序非常类似于创建一个具有Nodejs后端的Web应用程序.

所以开始使用一个简单的"Hello World!" 应用程序,你可以运行以下npm ...

npm install electron-prebuilt --save-dev
Run Code Online (Sandbox Code Playgroud)

安装npm后,您需要三个文件才能运行Electron应用程序.

  1. 一个package.json文件
  2. 一个javascript文件(默认为main.js)
  3. 一个html文件(默认为index.html)

请参阅此GitHub仓库以获取每个更详细说明的快速复制/粘贴版本:https://github.com/mafintosh/electron-prebuilt

之后你就可以简单地运行你的应用......

$ electron .
Run Code Online (Sandbox Code Playgroud)

最后,打开一个终端窗口中的一个方法是使用一个onclick属性在HTML引发child_process,发现在这里,在一个函数.

而已!您应该可以像编辑任何Web应用程序一样编辑html和javascript文件,并利用Electron提供的附加功能.

我还会查看这些资源以获取更多信息:

电子工作原理的快速入门介绍 - https://github.com/atom/electron/blob/master/docs/tutorial/quick-start.md

Atom讨论论坛(因为Atom是用Electron构建的,并且是可以破解的,社区非常活跃) - https://discuss.atom.io/c/electron

一个很酷的回购,以跟上最新的信息.它包含目前使用电子,教程,视频等应用的链接 - https://github.com/sindresorhus/awesome-electron

我希望有所帮助!