前端模块
# 代码目录
./frontend
# 说明
- 可以使用任意前端技术
- 项目中前端模块只是demo,你可以随意修改或删除
- vue2、vue3、react、Angular、html等等
# 简单配置
打开配置文件:./electron/config.default.js,可修改如下配置:
developmentMode: {
default: 'vue', // 默认前后端分离,使用vue
mode: {
// 前后端分离,使用vue开发,端口与vue启动的serve一致
vue: {
hostname: 'localhost',
port: 8080
},
// 前后端分离,使用react开发,端口与react启动的serve一致
react: {
hostname: 'localhost',
port: 3000
},
html: {
hostname: 'localhost',
indexPage: 'index.html' // 首页
},
}
},
# 只需一个文件:ipcRenderer.js
# 你的前端项目需要引入该文件,才能和electron业务层通信
# 启动
- vue模式【默认】
# 1:【进入前端目录】,启动vue
cd ./frontend
npm run serve
# 2:【根目录】,启动electron服务
npm run dev
react模式,同vue
html模式(不推荐,使用vue和react吧,跟上时代的步伐)
# 1:进入前端目录,并创建dist目录
cd ./frontend && mkdir dist
# 2: 编写html文件
index.html
# 3:【根目录】,启动electron服务
npm run dev
上次更新: 2024/09/02, 10:26:44