本帖最后由 清风ly 于 2024-6-27 13:40 编辑
如何搭建新项目:
创建新项目前:您得全局安装 @vue/cli 和 yarn npm i -g @vue/cli --registry=https://registry.npm.taobao.org npm i -g yarn --registry=https://registry.npm.taobao.org
vue create 名称
vue add electron-builder
add electron-builder 的时候下载依赖失败 请将node版本切换到16.10.0 > < 17 的版本 )_( 不要问我为什么 因为我试过了
创建完成后依赖也一并下载了
单窗口 多页面
dist_electron/preload.js 是预加载脚本 是渲染进程与主进程通信的
src/utils-electron/api.js 是模拟请求的数据就写了一个例子
src/background.js 是主进程文件
src/main.js 是vue入口文件
其他没必要介绍了
一个简单商城框架
npm run electron:build 打包
npm run electron:serve 运行
运行图片
footer 底部我我不写了 就没怎么写,也没封装成组件
再说一下 这个 electron版本 12.0.0 node 版本:16.10.0
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
win-store.zip
(359.57 KB, 下载次数: 17, 售价: 1 枚 精币)
|