Шаблон проекта Electron-Vue3

Описание проекта

Шаблон проекта Electron+Vue3 предназначен для быстрого создания проектов на Electron+Vue3. В данном проекте интегрированы популярные фронтенд-технологии, такие как Pinia, Axios, Sass, TypeScript, Element-plus, Electron-log, sqlite3 и другие. Также были выполнены переупаковки для Axios и Electron-log.

Если вам понравился проект, не забудьте поставить звездочку! (#^.^#)

Загрузка проекта

Основная среда

• Node: 18.0 или более поздняя версия

1. Клонирование проекта

git clone https://gitee.com/anyaoqi/electron-vue3.git

2. Установка зависимостей

npm install 
или
pnpm install

3. Запуск проекта

npm run dev

Технологические стеки

Основной стек: electron-vite-vue

Официальный сайт: https://electron-vite.github.io/

GitHub: https://github.com/electron-vite/electron-vite-vue

Технологии

• Vue3
• Electron
• Vue-router
• Pinia
• Axios
• Vite
• Sass
• TypeScript
• Vueuse
• Element-plus
• Локальная база данных: Sqlite3
• Локальный журнал: electron-log

Структура проекта* electron Основной процесс

• electron\database База данных
• electron\preload.ts Предварительная загрузка
• electron\main.ts Входной файл основного процесса
• electron\logger.ts Утилита для логирования
• src Процесс рендеринга
  • src\pages Страницы
  • src\components Общие компоненты
  • src\router Роутер
  • src\pinia Управление состоянием
  • src\styles Глобальные стили
  • src\apis API
  • src\utils Общие утилиты
• types Типы данных
• config Глобальные настройки
• public Статические ресурсы
• release Выходные данные сборки Electron
• dist Выходные данные сборки Vue
• vite.config.ts Конфигурация Vite
• electron-builder.js Конфигурация сборки
• tsconfig.json Конфигурация TypeScript
• binding_sqlite3 Скомпилированные файлы sqlite3
• Упаковка инструментов### Упаковка электрон-лога

Основной процесс: electron/logger.ts

Рendерный процесс: src/utils/logger.ts

Упаковка axios

Путь к файлу: src/apis/axios.ts

Логи

• Путь к логам: C:\Users\username\AppData\Roaming\electron-vue3\logs

Локальная база данных-sqlite

• База данных sqlite: C:\Users\username\AppData\Roaming\electron-vue3\database.db

Команды проекта

Запуск: npm run dev

Запуск проекта в режиме разработки

Публикация: npm run build

Сборка проекта для продакшена

Предварительный просмотр: npm run preview

Предварительный просмотр проекта в браузере