electron是一个帮助开发者实现跨平台桌面开发的平台。开发者只需要使用javascripthtmlcss来开发自己的桌面应用程序。所以如果你是前端，何不尝试用它来优化你的工作流程。介绍一个自己开发的mac小应用，主要用于简化进入终端的步骤。因为通常很多工作都是在终端下进行的。比如我们要在我们搭建的目录下执行npm，就必须提前进入这个目录。如果我有很多这样的目录要进入，那就相当麻烦了，必须用cd命令一个一个进入。然后我就想是不是直接点击打开终端，输入我想输入的命令就可以了？那我是不是可以像打开一个应用一样，用可视化的方式来操作这件事情，于是我想到了Electron。先把我要开发的应用程序的最终渲染图截下来。界面非常精简，只有增删改查。添加的时候，在弹出的框中选择一个你要打开的应用程序，就可以添加自己的命令，比如cd，甚至是start。点击删除即可随意删除。添加后，您可以单击此快捷方式直接进入您的目录。下面介绍思路。我选择了React+Redux作为前端应用框架，使用了Material-UI组件库。外壳正在使用local-shell@^1.0.0。开发前仔细阅读了Electron的API，发现它的shellAPI并不能实现我想直接打开一个应用的功能。有兴趣的可以仔细研究一下。所以我在Npm上搜索了这个local-shell。我把前端应用和Electron的通信写在一个单独的文件里，通过全局变量窗口把他们联系在一起。之所以分开是因为我之前的想法是先开发webapp再用electron打包。electron不能在webapp中使用，所以我单独拿出了electron的相关方法。如果您只是开发桌面应用程序，则不需要这样做。可以先启动webpackserver，然后npm启动electron，直接在index.html中导入webpack输出的app.js，然后一切都模块化开发。另外，在测试桌??面app的时候，发现不能直接复制到文本中。google了一下，发现是因为没有设置菜单项。希望这对你有帮助。项目地址：https://github.com/wq123456/E...个人博客地址：https://wq123456.github.io
