前端+将vue项目打包为桌面应用+electron学习
需积分: 5 22 浏览量
2024-04-15
16:31:48
上传
评论 1
收藏 118KB DOC 举报
文档
https://www.electronjs.org/zh/docs/latest/
创建项目
git 官方例子(看看就行)
https://github.com/electron/electron-quick-start.git
利用 electron-forge 创建(太慢了)
1. 安装 electron-forge:cnpm install -g @electron-forge/cli
2. 在需要创建项目的文件夹内 electron-forge init project-name
3. 注意:electron-forge init project-name 创建完项目会自动拉去依赖,有可能拉去依赖很慢,
甚至失败(科学上网)
手动创建
1. 新建项目文件夹 electron4Manual
2. 新建 index.html 文件
3. 新建 main.js 文件
4. 在 electron4Manual 文件内 cmd,利用 npm init 生成 package.json 文件
5. 安装 electron cnpm i -D
main.js
const {app, BrowserWindow} = require('electron');
const path = require('path');
const remote = require('@electron/remote/main');
remote.initialize();
const createWindow = () => {
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
// 配置 remote 模块
nodeIntegration: true,
contextIsolation: false,
// 执行预加载脚本 如果需要
资源评论
