使用vue开发electron

1.全局安装electron

npm i electron -g

查看是否安装成功

electron -v

在vue项目中添加electron模块

vue add electron-builder

添加成功后,目录中多了background.js文件

可以在background.js配置

例如 窗口大小,是否可以缩放,是否可以移动窗口等

打开开发者工具,操作栏 - view - toggle - developer tools

打包:

npm run electron:build

可在dist_electron中查看

electron下载 可以用yarn ,注意node版本20

相关推荐
wuhen_n8 分钟前
Canvas特效实例:黑客帝国-字母矩阵(字母雨)
前端·javascript·矩阵·html5·canvas·canva可画
ʚʕ̯•͡˔•̯᷅ʔɞ LeeKuma10 分钟前
SSR vs SSG:前端渲染模式终极对决(附 Next.js/Nuxt.js 实战案例)
开发语言·前端·javascript
前后端杂货铺38 分钟前
uniapp+vue3+ts 使用canvas实现安卓端、ios端及微信小程序端二维码生成及下载
android·前端·ios·微信小程序·uni-app·canavas·二维码海报生成
玄晓乌屋2 小时前
nvm for windows 安装低版本 node 丢失 npm 安装
前端·npm·node.js
SparklingTheo2 小时前
npm init、换源问题踩坑
前端·npm·node.js
F2E_Zhangmo2 小时前
webpack5启动项目报错:process is not defined
前端·vue.js·webpack·webpack5
前端OnTheRun3 小时前
新闻客户端案例的实现,使用axios获取数据并渲染页面,路由传参(查询参数,动态路由),使用keep-alive实现组件缓存
vue.js·axios·vue2·路由·vue-router
万物得其道者成3 小时前
使用 Vue3 + Webpack 和 Vue3 + Vite 实现微前端架构(基于 Qiankun)
前端·webpack·架构
恩予哥哥3 小时前
css中盒模型有哪些
前端·javascript·css
inksci4 小时前
Vue 3 中通过 this. 调用 setup 暴露的函数
前端·javascript·vue.js