electron+vue实现桌面端程序

electron入门

1. 准备：安装node.js

验证：node-v / npm -v

2. 创建文件夹，初始化node.js项目结构

npm init
按照提示，会自动生成一个package.json

3. 安装 Electron 包依赖

npm install --save-dev electron

4. 在package.json中添加代码

{
   
  "scripts": {
   
    "start": "electron ."
  }
}

5. 主程序main.js结构

主程序入口都是main文件，新建 main.js 空文件
运行主程序：npm run start
此时不会有任何报错，但是由于主程序内部没有任何内容，所以没有任何内容显示

1. 两个Electron模块
   • app模块：管理程序事件生命周期
   • BrowserWindow模块：创建管理应用程序窗口

   const {
    app, BrowserWindow } = require('electron')

2. 创建浏览窗口—加载index.html—打开开发工具

const createWindow = () => {
   
	//1. 创建浏览窗口
	const mainWindow = new BrowserWindow({
   
		width:800,
		height:600