pnpm create vue

# 1. 给项目命名
# 2. 选择你要的配置

# 进入项目
cd 项目名
# 安装所需的依赖（插件）
pnpm i
# 启动项目
pnpm dev

pnpm create vite


# 1. 给项目命名
# 2. 选择对应的框架语言（Vue）
# 3. 选择创建 vue 的方式（Official Vue Starter）
# 4. 选择你要的配置

# 进入项目目录
cd 项目名
# 安装所需的依赖（插件）
pnpm i
# 启动项目
pnpm dev

# 在项目安装 Electron 和 Electron-Builder 依赖
pnpm i electron electron-builder --save-dev

import { app, Menu, BrowserWindow } from'electron';
import path from'path';

// 创建窗口
functioncreateWindow() {
const win = new BrowserWindow({
width: 1200,  // 打开的默认宽
height: 800,  // 打开的默认高
autoHideMenuBar: false, // 是否隐藏默认菜单
webPreferences: {
nodeIntegration: true,
contextIsolation: false,
webSecurity: false, // 允许加载本地文件
    },
show: false, // 先不显示，等加载完成后再显示
  });

const appPath = app.getAppPath();
// 使用 loadFile，它会自动处理路径
  win.loadFile(path.join(appPath,'dist','index.html'))

// 检测系统语言
const systemLocale = app.getLocale()
// 设置应用的语言
const isChinese = systemLocale.startsWith('zh')
// 判断系统使用哪个语言
const template = isChinese ? getChineseMenu() : getEnglishMenu()
// 应用菜单栏
const menu = Menu.buildFromTemplate(template)
// 设置菜单栏
  Menu.setApplicationMenu(menu)

// 页面加载完成后显示窗口
  win.once('ready-to-show', () => {
    win.show();
  });
}

// 所有窗口关闭时退出（macOS 除外）
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
    app.quit();
  }
});
// macOS 上点击 dock 图标时重新创建窗口
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

// 调用创建窗口
app.on('ready', createWindow)

// 这是中文设置
functiongetChineseMenu() {
return [
    {
label: '文件',
submenu: [
        {
label: '新建窗口',
accelerator: 'CmdOrCtrl+N',
click: () => {
// 新建窗口逻辑
          }
        },
        { type: 'separator' },
        {
label: '退出',
accelerator: 'CmdOrCtrl+Q',
click: () => app.quit()
        }
      ]
    },
    {
label: '编辑',
submenu: [
        { label: '撤销', role: 'undo' },
        { label: '重做', role: 'redo' },
        { type: 'separator' },
        { label: '剪切', role: 'cut' },
        { label: '复制', role: 'copy' },
        { label: '粘贴', role: 'paste' },
        { label: '全选', role: 'selectAll' }
      ]
    },
    {
label: '视图',
submenu: [
        { label: '刷新', role: 'reload' },
        { label: '开发者工具', role: 'toggleDevTools' },
        { type: 'separator' },
        { label: '重置缩放', role: 'resetZoom' },
        { label: '放大', role: 'zoomIn' },
        { label: '缩小', role: 'zoomOut' }
      ]
    },
    {
label: '窗口',
submenu: [
        { label: '最小化', role: 'minimize' },
        { label: '关闭', role: 'close' }
      ]
    },
    {
label: '帮助',
submenu: [
        {
label: '关于',
click: () => {
// 显示关于对话框
          }
        }
      ]
    }
  ]
}

{
"name": "vite-project",
"version": "0.0.0",
"private": true,
"type": "module",
"engines": {
"node": "^20.19.0 || >=22.12.0"
  },
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
"electron:dev": "electron ."
"electron:build": "electron-builder"
  },
"main":"electron-main.js",
"build":{
"appId": "com.example.app",
"productName": "测试应用",
"copyright": "Copyright © 2025",
"directories": {
"output": "release"
    },
"files": [
"dist/**/*",
"electron-main.js",
"package.json"
    ],
"win": {
"icon":"public/favicon.ico",
"target": [
        {
"target": "nsis",
"arch": ["x64"]
        }
      ]
    },
"nsis": {
"oneClick": false,
"allowToChangeInstallationDirectory": true
    }
  },
"dependencies": {
"vue": "^3.5.25"
  },
"devDependencies": {
"@vitejs/plugin-vue": "^6.0.2",
"electron": "^39.2.7",
"electron-builder": "^26.0.12",
"vite": "^7.2.4",
"vite-plugin-vue-devtools": "^8.0.5"
  }
}

// electron预览
"electron:dev": "electron .",
// 64位的打包
"electron:build": "electron-builder",
// 32位的打包
"electron:build32":"electron-builder --win --ia32"

pnpm electron:dev

Electron failed to install correctly, please delete node_modules/electron and try installing again

# 1. 全局安装 electron-fix 工具
pnpm i -g electron-fix


# 2. 在项目根目录执行修复
electron-fix start

pnpm build
pnpm electron:build

pnpm electron:build

const path = require('path');
mainWindow.loadFile(path.join(__dirname, 'index.html'));

app.whenReady().then(() => {
const mainWindow = new BrowserWindow({ show: false });
 mainWindow.loadFile('index.html');
 mainWindow.once('ready-to-show', () => {
   mainWindow.show();
 });
});