新建Vue+Electron项目
一、使用Vue Cli创建Vue项目#
参考地址:https://cli.vuejs.org/zh/guide/creating-a-project.html
- 控制台运行命令
vue create hello-world
- 创建过程直接默认,一路回车操作
- 使用VSCode打开刚才创建好的文件夹
- 启动终端,根据package.json中的描述,运行npm run serve
- 出现下图,代表Vue项目创建成功
二、添加Electron#
参考地址:https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/
- 终端运行命令
vue add electron-builder
- 创建过程直接默认,一路回车操作
- 根据package.json中的描述,运行npm run electron:serve
- Launching Electron... 过程很慢,因为要加载VUEJS3_DEVTOOLS,重试5次才会出现
- 出现下图,代表Vue+Electron项目创建成功
为了加快启动速度,可以删除掉background.js文件中app.on('ready')内部的部分代码,参考下图中,红框部分代码
作者:眾尋
出处:https://www.cnblogs.com/ZXdeveloper/p/16802135.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本