![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Electron
疯狂猿码
这个作者很懒,什么都没留下…
展开
-
手把手教你使用Electron13+vue-cli3+element-ui开发跨平台桌面应用(三)
1.5 自动安装electron进入到项目根目录,执行:vue add electron-builder接下来出现配置选项:? Choose Electron Version (Use arrow keys) ^3.0.0 ^4.0.0 ❯ ^5.0.0选择Electron最高版本。1.7 编译并启动APP执行以下命令,开始编译APP,并启动开发环境APP:npm run electron:serve首次启动可能会等待很久,出现以下信息:运行成功展.原创 2021-12-09 15:14:56 · 962 阅读 · 0 评论 -
手把手教你使用Electron13+vue-cli3+element-ui开发跨平台桌面应用(二)
如果还没有安装vue-cli3,先执行以下命令安装:cnpm install @vue/cli -g如果你已安装vue-cli3,但不是最新版本,可执行以下命令升级:npm update @vue/cli -g1.4 创建vue项目找个喜欢的目录,执行以下命令,创建vue项目:vue create electron-vue-demo回车之后Vue CLI v3.8.4? Please pick a preset: (Use arrow keys) default原创 2021-12-09 15:10:22 · 626 阅读 · 0 评论 -
手把手教你使用Electron13+vue-cli3+element-ui开发跨平台桌面应用(一)
1.下载Node.js 安装下载地址:https://nodejs.org/zh-cn/download/,安装长期稳定版本,可以通过命令验证您是否已经安装2 安装npm查看npm当前版本npm -v如果不是最新版本,运行指令npm install -g npm如果想更新到指定版本,运行指令npm -g install npm@6.8.03.创建项目1.1 使用cnpm加速下载npm有时下载速度很慢,可以安装cnpm,从国内淘宝镜像下载,...原创 2021-12-09 15:03:42 · 619 阅读 · 0 评论 -
Electron程序显示在右下角盘系统托盘右键菜单
引入 Tray Menuimport{Menu,Tray,app,BrowserWindow}from"electron"; 系统托盘右键菜单 functioncreateWindow() { ... //系统托盘右键菜单 vartrayMenuTemplate = [{ label: "设置", click: function() {} //打开相应页面 }, { ...原创 2021-12-03 16:16:57 · 908 阅读 · 0 评论 -
Electron拖到窗体内容闪烁
win.on('resize',() => {win.reload();}) 注释此内容即可原创 2021-12-03 15:57:59 · 339 阅读 · 0 评论 -
Electron-vue 安装步骤
.现如今前端框架数不胜数,尤其是angular、vue吸引一大批前端开发者,在这个高新技术快速崛起的时代,自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么?? 对于我来说Electron相当于一个浏览器的外壳,可以把网页程序嵌入到壳里面,可以运行在桌面上的一个程序,可以把网页打包成一个在桌面运行的程序,通俗来说就是软件,比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象,可以构建跨平台桌面程序,本身支持node.js,可以使用nod...原创 2021-12-03 15:55:53 · 2221 阅读 · 7 评论