Home » Index

如何制作俄罗斯套娃一般的electron专用ico图标

发布于
苏南大叔一直以为ico就是png的一种特殊简化形式,最近调试electron的时候,才发现ico的特殊之处。特殊之处就是:ico可以是个俄罗斯套娃般的存在。先给出一个俄罗斯套娃的图片,大家体验一下。正版ico分析我们还是拿electron-vue的demo来说,这个例子的ico图标位置是build文件夹下面。我们用ps打开这个ico的时候,会有如下提示:而我们自做的ico文件,打开的时候,却...

electron-builder打包工具的最简化使用

发布于
苏南大叔在本篇文章中,将实践electron-builder的基本使用方法。在开始本篇文章中,大家可以先学习一下,以前用electron-builder打包electron+vue的demo的相关文章。本文的主角项目是electron的quick-start项目。mac环境:https://newsn.net/say/electron-vue-demo-mac-builder.htmlwin...

electron-packager打包工具的最简化使用

发布于
苏南大叔在以前的文章里面,已经给大家介绍了electron-vue的默认demo,利用packager打包的过程。具体见这里:win环境:https://newsn.net/say/electron-vue-demo-win-packager.html mac环境:https://newsn.net/say/electron-vue-demo-mac-packager.htmlwine安装:...

如何实现electron窗体透明效果

发布于
在本篇文章里面,苏南大叔将讲述窗体透明的有关设置项目,transparent: true。经过实践,窗体透明效果有限,大家请有所心理准备。当然,大家也可以看看好的效果。效果截图window下截图:mac下截图:可能和预期不一致的效果截图:不要怀疑,下面的截图,也是设置了transparent: true的效果截图。mac下面保留交通灯区域按钮mac下面,边框实际上也会被透明化,并且保留了交通...

mac系统,electron创建无边框窗体的几种特殊方式

发布于
苏南大叔和大家分享了,在electron使用frame:false创建无边框窗体的经验。今天我们要继续分享,在mac系统上做无边框窗体的几种特例。和frame:false相比较而言,在mac系统中,可以在隐藏边框的同时,保留交通灯按钮区域。就是说保留最大化按钮、最小化按钮、还原按钮。在mac系统下创建frameless窗体的时候,根据这交通灯的不同表现,分为以下四种情况。frame:fals...

electron如何创建无边框窗体

发布于
在本篇文章中,苏南大叔将继续编辑我们的demo范例,我们来实现一下,electron的窗体边框的隐藏功能。苏南大叔不是特别推荐大家设置这个属性,除非你确实有个需求。设置frame属性为false即可代码如下:const Menu = electron.Menu function createWindow () { //Menu.setApplicationMenu(null) mai...

如何隐藏electron窗体的菜单

发布于
在上一篇苏南大叔的文章中,大家已经实践了如何利用electron打包一个网站(https://newsn.net/say/electron-pack-site.html),那么在本篇文章中,我们将继续这个网站打包的例子。讲述如何隐藏electron窗体的菜单。隐藏菜单在mac系统中,electron的菜单是和主窗口是分离的。所以对于主窗口来说,并没有太多视觉上的影响。而在win系统中,菜单和...

win环境,electron构建时的各种下载错误问题的解决方案

发布于
在window下,如果你确实修改了npm的config设置( https://newsn.net/say/electron-npm.html ),然后在build的时候,有看到类似的错误提示的时候,那么您可能需要科学上网。错误描述解决方案如果您确实没有科学上网的途径,那么您也可以到这里去查找对应的包。离线下载到本机,然后把对应的包解压到对应的cache文件夹即可。地址见这里:https://...

以electron-quick-start为基础,如何利用electron装载网站

发布于
苏南大叔在本篇文章中,将讲述一个非常非常简单的electron的例子,但是确实很多人的实际需求,那就是:如何把一个网站装到electron里面去。在这里,并不是要把网站的所有源码放到electron里面,而是一个网站的网址,把这个网址包装到electron里面。双击electron图标的时候,可以打开一个窗口,窗口里面显示对应的网站。别看这个很简单,但是很多很多初级选手的需求,就是这个极其简...

win环境,利用packager构建electron+vue的demo

发布于
本文中,苏南大叔将和大家继续探讨,在window环境下,利用packager对electron+vue的demo,进行打包的过程。同样,大家需要先查看这篇文章,确保自己做好了相关的准备工作。https://newsn.net/say/electron-vue-demo-win-prepare.html 。初始化脚本vue init simulatedgreg/electron-vue my-...