- 【Electron-Vue】构建桌面应用(4)-linux-windows-mac交叉打包
逆风飞翔的猿
Electronelectron-vue交叉打包windows打包linuxlinux打包windows
1.前言上两篇博客做了在windows下的electron-vue项目的打包发布,由于electron是跨平台的,所以需要产品支持多平台即Windows,Linux,Macos系统。于是尝试在Windows下打包成Linux/MacOS系统下的安装包,或者在Linux下打包Windows/MacOS系统下的安装包或者在MacOS系统下生成其他两个系统的安装包。2.交叉打包2.1Windows下打包
- 【Electron-Vue】搭建Electron-Vue前端桌面应用
aDiaoYa_
VueElectronvue.js前端electron
目录前言搭建前准备开始搭建第一步:全局安装vue脚手架(如果已安装,就不必进行这一步了)第二步:通过vue脚手架,创建一个vue项目第三步:进入创建好的vue项目文件,安装electron第四步:配置package.json文件和main.js文件第五步:加载vue项目第六步:运行electron命令,弹出应用框。前言最近准备写一个前端桌面应用,了解到了一个新的框架——Electron,它是一个使
- 3、electron-vue菜单栏跳转
诺风丶
electron-vueelectron-vueelectron-vueelectron
方法一:主线程与渲染线程通信(1)在主线程目录main的index.js配置如下,其中mainWindow是BrowserWindow对象...consttemplate=[{label:'主页',click(){mainWindow.webContents.send('href','home');}},{label:'设备',click(){mainWindow.webContents.send
- electron-vue使用elementui,有数据但table表格显示空白
Hi小胡
在.electron-vue目录下找到webpack.renderer.config.js文件,修改:letwhiteListedModules=['vue']-->letwhiteListedModules=['vue','element-ui']
- 使用Electron-vue创建一个桌面应用
广告位招租
Electron是一个使用JavaScript,HTML和css等web技术闯进原生程序的框架Electron+vue的解决方案,使用Electron-vue可以简单快捷的创建一个使用vue框架的electron项目
- 前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue
森叶
Javascriptjavascriptvue.jswebpackelectron
从模块化说起模块化是什么时候提出的?怎么实现js代码的模块化,为什么要做模块化?模块化的概念在软件开发领域已经存在很长时间,但在JavaScript中的模块化发展相对较晚。以下是对您提出的问题的回答:提出时间:JavaScript中的模块化概念相对较早地提出于CommonJS规范。CommonJS是一种JavaScript模块化规范,最早在2009年由RyanDahl和其他社区成员提出,并主要用于
- Electron-vue 关于图标的修改
梅子酱~
electron
electron-vue图标提示:图标包括:启动项目时桌面主题图标,窗口左上角图标,菜单栏图标,系统托盘图标,打包安装图标、开始菜单图标、快捷方式图标等。文章目录electron-vue图标1.启动项目默认图标与窗口左上角图标2.菜单栏图标3.系统托盘图标4.打包安装包图标5.开始菜单图标和快捷方式图标6、dialog弹框图标总结1.启动项目默认图标与窗口左上角图标这两个图标均由mainWindo
- vue.js反编译_基于electron-vue开发的微信小程序反编译客户端
weixin_39996035
vue.js反编译
开源一个小程序反编译客户端咨询小程序反编译的同学比较多,虽然有开源库但是还是有同学不清楚如何去操作,所以索性做了一个客户端方便进行小程序的反编译#技术选型网上已经有大佬实现了C#版的反编译工具,博主已多年没写C#所以选择了对于前端人比较友好易于上手的技术--electron-vue,并且开发完之后可以构建为mac、Windows及Linux平台的安装包,虽然安装包可能大了一点但是还是比较香的#开发
- 解决electron-vue+element报错$attrs is readonly和$listeners is readonly问题
竹立荷塘
electronvue.jselectron前端
这篇是记录我在electron-vue中使用elementUi插件一直报错的问题,1、首先我是使用el-time-picker组件出现了各种警告和样式问题,根据晚上说的降低版本匹配版本之后还是不行,各种版本都尝试了一遍,还是会出现下面这些问题:终于最后在这里得到了解决在webpack.renderer.config.js文件里面这一个变量数组里面加上这个即可:就是要加上’element-ui’le
- Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案
竹立荷塘
前端electronvue.jswebpack
GEThttp://localhost:9080/__webpack_hmrnet::ERR_ABORTED解决方案使用版本以下是我解决此问题时使用的electron和vue等的一些版本信息【附】经过测试electron的版本为13.1.4时也能解决解决方案将项目下的.electron-vue/dev-runner.js文件打开定位到第二个WebpackDevServer将第69行的注释打开重启项
- electron-vue设置的环境变量如何在打包后能正常读取到
竹立荷塘
electronelectronvue.js前端
一、主进程中获取在Electron的主进程中,环境变量在打包后可能会丢失。这是因为环境变量通常只在构建过程中使用,而不是在运行打包的应用时使用。如果你需要在打包的应用中使用某些配置,你可以考虑使用webpack的DefinePlugin插件。这个插件可以让你创建在编译时可以配置的全局常量。首先,你需要在你的webpack配置文件中添加DefinePlugin插件。在你的webpack.main.c
- webpack打包后引用cdn的js_webpack入门
weixin_39662263
内容提纲:electron-vue项目中的webpack工程实例思考webpack与gulp/gruntHMRelectron-vue项目中的webpack工程实例从electron-vue项目中的实际使用例子来入手如下是webpack.renderer.config.js文件'usestrict'process.env.BABEL_ENV='renderer'constpath=requir
- Electron-vue之serialport使用以及打包问题记录
liufeng07
node.jsnpmvue-cli3vue
electron本质上,electron就是一个带了Chrome浏览器的壳子。它结合了Chromium、Node.js和用于调用操作系统本地功能的APIs(如打开文件窗口、通知、图标等)electron-vueelectron-vue是一个结合vue-cli与electron的项目,主要避免了使用vue手动建立起electron应用程序。vueinitsimulatedgreg/electron-
- electron-vue脚手架搭建的项目,运行后报错:Object.fromEntries is not a function
web前端小学生
【web前端】【踩过的坑】vue.jselectronjavascript
electron-vue脚手架搭建的项目,运行后报错:Object.fromEntriesisnotafunction项目目录前端控制台打印错误:解决办法:安装polyfill-object.fromentries,在项目根目录执行命令npmipolyfill-object.fromentries然后再打开.electron-vue\dev-client.js引入import'polyfill-o
- electron-vue自定义窗口
weixin_42256366
electron
electron-vue自定义窗口1.主进程中添加frame:falsemainWindow=newBrowserWindow({height:563,minHeight:400,minWidth:500,useContentSize:true,width:1000,show:false,frame:false,//隐藏标题栏颜色icon:path.join(__static,'./imgs/ic
- electron-vue yarn run build 执行流程问题爬坑
渺渺空空
1.build.js中的tasks重复,这是官方bugyarnrunbuildyarnrunv1.22.17$node.electron-vue/build.js&&electron-builderC:\Users\ruiquan_liu\Desktop\pos-progict\builder\my-project-builder\.electron-vue\build.js:45consttas
- 一文搞懂Electron + Vue的开发
mordom
electron-vue不要再用了,版本太老作者也不更新,而且electron11.0才开始支持AppleSilicon(m1)机型。近期我自己也在开发一些electron+vue的跨平台项目,本文主要记录一下新起一个项目的时候需要安装哪些工具与步骤安装系统全局组件VueCLI用于创建vue项目npminstall-g@vue/cli创建标准化Vue项目vuecreatevueapp然后根据Vue
- 解决electron编译报错 (xxx文件从github下载失败)
云风xe
electrongithubnode.js
报错原因:受限于墙以及网络环境,很多人在尝试打包electron程序时都会碰到各种问题,下面以electron-vue模板为例(打包使用electron-builder),windows环境下,一步步解决打包时所遇到的错误。执行npmrunbuild,下面每一步都可能因网络原因而报错,请参照对应报错按要求手动下载对应工具即可解决报错。注意以下三点:因版本原因,文中下载地址仅作参考,请从报错信息中拷
- [开发心得]Electron应用自动升级 autoUpdater的使用。
虹梦未来
开发心得深入源码前端
前言:博主主攻后端,对于electron自动升级也是费了非常多的事儿,github、gitee也下载了很多源码。发现案例可能好用,但是很难融入公司的项目。要注意的点如下:1.Electron版本问题。2.Electron-Vue版本问题。(我手里的项目使用的electron-vue版本为"vue-electron":"^1.0.6",对应的electron是"electron":"^2.0.4",
- electron-vue报错:(index):1 Uncaught ReferenceError: require is not defined at (index):1
宝藏程序员
electronelectronvue.jsjavascript
报错:(index):1UncaughtReferenceError:requireisnotdefinedat(index):1(index):1UncaughtReferenceError:processisnotdefinedat(index):1renderer.js:1UncaughtReferenceError:moduleisnotdefinedatrenderer.js:1解决方法
- Electron-Vue程序启动控制台报错:Uncaught ReferenceError: require is not defined at (index):1
竹石七
ElectronNode.js前端
一、前言我在使用electron制作exe安装包的项目中用到了nodejs的一个usb模块,遇到了一些问题。二、问题描述npminstall安装(我的这个版本是:“usb”:“^1.6.3”,)之后,启动项目之后发现页面空白,我打开控制台发现了这样的报错:三、问题分析和解决1、分析这里需要知道electron本质是什么,来看一张图片:Chromium:为Electron提供了强大的UI能力,可以不
- Electron-vue开发桌面应用调用TSCLIB.dll(tsc标签打印机连接库)
1999笃行
PC桌面软件打印机二次开发TSC打印机开发vue.js
最新,最终解决方案http://t.csdn.cn/szQRy原因:要做个防伪标签打印软件,打印数据是来自服务器。最开始用的是JavaScript调用TSC来做打印(只能用IE浏览器,使用人员总会无意关闭IE的相关设置,使用麻烦)。干脆就做成桌面软件麻烦事少。最开始看了TSC大陆官网的dll动态连接库,有Python的例子,想用pyqt来做桌面程序;试了试之后,发现自己对Python还是太不熟悉了
- Electron+Vue手动搭建(非electron-vue方式)
咖啡与喵
成长之路vue.jselectronjavascript
以往的electron-vue框架搭建比较便捷,但是在打包时会出现一些报错。不知道是不是我的问题,所以我这次想手动搭建,使用electron比较新的版本+Vue2.x版本(由于3.x还没有着手在项目中实践故没有用)。本次博客不同以往,现在网上对electron的资料偏少,我想用更多的文字+代码把搭建描述清楚。废话不说先上环境(nodejs版本16.13.0目前最新版本16.14.0,npm版本8.
- 【electron-vue】安装+解决错误
双木又一人
electronvue.jsjavascript
前言根据参考文献进行安装electron-vue时出现错误,特来记录问题并追溯当前版本>node-vv16.20.2>npm-v8.19.4>vue-V@vue/cli5.0.8实操和问题记录参考博客electronvue搭建通过vue-cli开始搭建electron-vuevueinitsimulatedgreg/electron-vueprojectNameos:这里拉取的时间较久,选一个网速
- Electron-vue第一章:创建和自动生成嵌套路由
悍司命
vue.jselectron前端1024程序员节
#安装vue-cli和脚手架样板代码npminstall-gvue-clivueinitsimulatedgreg/electron-vuemy-project#安装依赖并运行你的程序cdmy-projectyarn#或者npminstallcnpminstall运行yarnrundev#或者npmrundev第一步:安装第二步:填坑根据提示cdmy-project并安装依赖npminstall,
- 解决electron-vue中element-ui表格无法显示问题
summer鸿
electron
1.之前用vue做过很多次项目,都没有出现类似问题,一开始我怀疑我element-ui的版本不对,陆续重新下了依赖还是不显示。2.后面解决方法是,在如下文件中加入element-ui就可以解决。
- 解决vue-electron element-UI中el-table表格不显示
Phantom1003
vue.jselectronuielementui
问题:element-UI官网上el-table组件,引入自己项目的时候表格不显示。解决方案:修改.electron-vue\webpack.renderer.config.js将letwhiteListedModules=['vue']修改为letwhiteListedModules=['vue','element-ui']即可解决。
- electron-vue主进程TS不能识别?.问号点运算符
迈克雷(MichaelRay)
electron-vueelectronvuenodejs
故障现象在主进程中使用?.点这种写法编译报错(?.主要是防止null的问题导致代码执行异常)。consta={b:1};constval=a?.b;//主进程报错,如果再渲染进程则正常console.log(val);解决方案修改tsconfig中的esnext为es6"compilerOptions":{"target":"es6",}
- Vue-pdf踩坑记录
志行千里者
那些年我踩过的坑vue.jspdfjavascript
最近在公司的一个项目中,需要在线预览PDF文件。基于vue-admin-electron的模板中开发。开发机系统为Windows,使用的框架为electron-vue。坑1:在通过vue-router路由到含有vue-pdf组件的页面时报:“syntaxError:Unexpectedtoken<”错误。解决方法:将vue-pdf添加到webpack配置文件的白名单中。我是electron,所以在
- Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案
竹立荷塘
electronvue.jswebpack
GEThttp://localhost:9080/__webpack_hmrnet::ERR_ABORTED解决方案使用版本解决方案解决总结使用版本以下是我解决此问题时使用的electron和vue等的一些版本信息【附】经过测试electron的版本为13.1.4时也能解决解决方案将项目下的.electron-vue/dev-runner.js文件打开定位到第二个WebpackDevServer将
- ASM系列四 利用Method 组件动态注入方法逻辑
lijingyao8206
字节码技术jvmAOP动态代理ASM
这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇,知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道,同ClassVisitor改变类成员一样,MethodVIsistor如果需要改变方法成员,注入逻辑,也可以
- java编程思想 --内部类
百合不是茶
java内部类匿名内部类
内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅
1,内部类的创建 内部类是创建在类中的
package com.wj.InsideClass;
/*
* 内部类的创建
*/
public class CreateInsideClass {
public CreateInsideClass(
- web.xml报错
crabdave
web.xml
web.xml报错
The content of element type "web-app" must match "(icon?,display-
name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
- 泛型类的自定义
麦田的设计者
javaandroid泛型
为什么要定义泛型类,当类中要操作的引用数据类型不确定的时候。
采用泛型类,完成扩展。
例如有一个学生类
Student{
Student(){
System.out.println("I'm a student.....");
}
}
有一个老师类
- CSS清除浮动的4中方法
IT独行者
JavaScriptUIcss
清除浮动这个问题,做前端的应该再熟悉不过了,咱是个新人,所以还是记个笔记,做个积累,努力学习向大神靠近。CSS清除浮动的方法网上一搜,大概有N多种,用过几种,说下个人感受。
1、结尾处加空div标签 clear:both 1 2 3 4
.div
1
{
background
:
#000080
;
border
:
1px
s
- Cygwin使用windows的jdk 配置方法
_wy_
jdkwindowscygwin
1.[vim /etc/profile]
JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43" (windows下jdk路径为D:\Java\jdk1.6.0_43)
PATH="$JAVA_HOME/bin:${PATH}"
CLAS
- linux下安装maven
无量
mavenlinux安装
Linux下安装maven(转) 1.首先到Maven官网
下载安装文件,目前最新版本为3.0.3,下载文件为
apache-maven-3.0.3-bin.tar.gz,下载可以使用wget命令;
2.进入下载文件夹,找到下载的文件,运行如下命令解压
tar -xvf apache-maven-2.2.1-bin.tar.gz
解压后的文件夹
- tomcat的https 配置,syslog-ng配置
aichenglong
tomcathttp跳转到httpssyslong-ng配置syslog配置
1) tomcat配置https,以及http自动跳转到https的配置
1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)
keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
- 关于领号活动总结
alafqq
活动
关于某彩票活动的总结
具体需求,每个用户进活动页面,领取一个号码,1000中的一个;
活动要求
1,随机性,一定要有随机性;
2,最少中奖概率,如果注数为3200注,则最多中4注
3,效率问题,(不能每个人来都产生一个随机数,这样效率不高);
4,支持断电(仍然从下一个开始),重启服务;(存数据库有点大材小用,因此不能存放在数据库)
解决方案
1,事先产生随机数1000个,并打
- java数据结构 冒泡排序的遍历与排序
百合不是茶
java
java的冒泡排序是一种简单的排序规则
冒泡排序的原理:
比较两个相邻的数,首先将最大的排在第一个,第二次比较第二个 ,此后一样;
针对所有的元素重复以上的步骤,除了最后一个
例题;将int array[]
- JS检查输入框输入的是否是数字的一种校验方法
bijian1013
js
如下是JS检查输入框输入的是否是数字的一种校验方法:
<form method=post target="_blank">
数字:<input type="text" name=num onkeypress="checkNum(this.form)"><br>
</form>
- Test注解的两个属性:expected和timeout
bijian1013
javaJUnitexpectedtimeout
JUnit4:Test文档中的解释:
The Test annotation supports two optional parameters.
The first, expected, declares that a test method should throw an exception.
If it doesn't throw an exception or if it
- [Gson二]继承关系的POJO的反序列化
bit1129
POJO
父类
package inheritance.test2;
import java.util.Map;
public class Model {
private String field1;
private String field2;
private Map<String, String> infoMap
- 【Spark八十四】Spark零碎知识点记录
bit1129
spark
1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的
ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功,DAGScheduler会收到通知,在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中
- WAS各种脚本作用大全
ronin47
WAS 脚本
http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html
无意中,在WAS官网上发现的各种脚本作用,感觉很有作用,先与各位分享一下
获取下载
这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
- java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句
bylijinnan
switch
借鉴网上的思路,用java实现:
public class NoIfWhile {
/**
* @param args
*
* find x=1+2+3+....n
*/
public static void main(String[] args) {
int n=10;
int re=find(n);
System.o
- Netty源码学习-ObjectEncoder和ObjectDecoder
bylijinnan
javanetty
Netty中传递对象的思路很直观:
Netty中数据的传递是基于ChannelBuffer(也就是byte[]);
那把对象序列化为字节流,就可以在Netty中传递对象了
相应的从ChannelBuffer恢复对象,就是反序列化的过程
Netty已经封装好ObjectEncoder和ObjectDecoder
先看ObjectEncoder
ObjectEncoder是往外发送
- spring 定时任务中cronExpression表达式含义
chicony
cronExpression
一个cron表达式有6个必选的元素和一个可选的元素,各个元素之间是以空格分隔的,从左至右,这些元素的含义如下表所示:
代表含义 是否必须 允许的取值范围 &nb
- Nutz配置Jndi
ctrain
JNDI
1、使用JNDI获取指定资源:
var ioc = {
dao : {
type :"org.nutz.dao.impl.NutDao",
args : [ {jndi :"jdbc/dataSource"} ]
}
}
以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
- 解决 /bin/sh^M: bad interpreter: No such file or directory
daizj
shell
在Linux中执行.sh脚本,异常/bin/sh^M: bad interpreter: No such file or directory。
分析:这是不同系统编码格式引起的:在windows系统中编辑的.sh文件可能有不可见字符,所以在Linux系统下执行会报以上异常信息。
解决:
1)在windows下转换:
利用一些编辑器如UltraEdit或EditPlus等工具
- [转]for 循环为何可恨?
dcj3sjt126com
程序员读书
Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案,要在Java将来的版本中加入闭包特征。 然而,提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。
不久前,出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨?”[http://ju
- Android实用小技巧
dcj3sjt126com
android
1、去掉所有Activity界面的标题栏
修改AndroidManifest.xml 在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"
2、去掉所有Activity界面的TitleBar 和StatusBar
修改AndroidManifes
- Oracle 复习笔记之序列
eksliang
Oracle 序列sequenceOracle sequence
转载请出自出处:http://eksliang.iteye.com/blog/2098859
1.序列的作用
序列是用于生成唯一、连续序号的对象
一般用序列来充当数据库表的主键值
2.创建序列语法如下:
create sequence s_emp
start with 1 --开始值
increment by 1 --増长值
maxval
- 有“品”的程序员
gongmeitao
工作
完美程序员的10种品质
完美程序员的每种品质都有一个范围,这个范围取决于具体的问题和背景。没有能解决所有问题的
完美程序员(至少在我们这个星球上),并且对于特定问题,完美程序员应该具有以下品质:
1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强
(范围:用简单方式解决复杂问题)
- 使用KeleyiSQLHelper类进行分页查询
hvt
sql.netC#asp.nethovertree
本文适用于sql server单主键表或者视图进行分页查询,支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码:http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
- SVG 教程 (三)圆形,椭圆,直线
天梯梦
svg
SVG <circle> SVG 圆形 - <circle>
<circle> 标签可用来创建一个圆:
下面是SVG代码:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" c
- 链表栈
luyulong
java数据结构
public class Node {
private Object object;
private Node next;
public Node() {
this.next = null;
this.object = null;
}
public Object getObject() {
return object;
}
public
- 基础数据结构和算法十:2-3 search tree
sunwinner
Algorithm2-3 search tree
Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
- spring配置定时任务
stunizhengjia
springtimer
最近因工作的需要,用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下,以便以后用到:
//------------------------定时任务调用的方法------------------------------
/**
* 存储过程定时器
*/
publi
- ITeye 8月技术图书有奖试读获奖名单公布
ITeye管理员
活动
ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。
8月试读活动回顾:
http://webmaster.iteye.com/blog/2102830
本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《跨终端Web》
gleams:http