Electron⚡️Vite

外观

本页内容

快速上手 ​

Electron⚡️Vite 专注于提供将 Electron 和 Vite 结合的最佳社区实践方案！它让基于 Vite 开发 Electron 项目变得非常容易！

中文

Electron⚡️Vite 致力于提供 Electron 与 Vite 结合的最佳社区实践方案！它使得基于 Vite 开发的 Electron 工程变得十分简单！

概述 ​

正如 patak 在他的 Github 首页中对 Vite 的描述，Vite 的生态系统和社区正在蓬勃发展。

与此同时，Electron⚡️Vite 作为 Electron 和 Vite 社区生态系统中非常重要的一部分，旨在基于 Vite 提供完整、简单、开箱即用的 Electron 开发体验。

中文

Vite 的生态系统和社区正在爆炸式增长 - 正如 patak 在他的 Github 首页中自我介绍中这样阐述 Vite。

与此同时，Electron⚡️Vite 作为 Electron 与 Vite 社区生态系统非常重要的一部分，旨指基于 Vite 提供完整、简单、开箱即用的 Electron 开发体验。

简介 ​

无论你想要快速构建一个 Electron 应用还是想要优化现有的 Electron 应用，这个项目都是一个不错的选择。它的配置非常简单，同时也提供了很多非常有用的功能，比如：主进程和渲染进程的热重载、开发环境下的 Debug、支持 C/C++ Native addons 等等。以及还提供了 Vue / React 框架的支持。它使得开发 Electron 变的更加容易和快速 - BlackHole1@electron

中文

无论你是想快速构建一个 Electron 应用还是想优化现有的 Electron 应用，这个项目都是一个不错的选择。它的配置非常简单，同时也提供了很多非常有用的功能，比如：主进程和渲染进程的热重载、开发环境下的 Debug、支持 C/C++ Native addons 等等。以及还提供了 Vue / React 框架的支持。它使得开发 Electron 变的更加容易和快速 - BlackHole1@electron

搭建你的第一个 Vite 项目 ​

第一种方式

使用 👉 npm create electron-vite@latest 提供的命令

create-electron-vite.gif

第二种方式

使用 Vite 官方的创建命令

sh
npm create vite@latest my-electron-vite-project

? Select a framework: › - Use arrow-keys. Return to submit.
    Vanilla
    Vue
    React
    Preact
    Lit
    Svelte
❯   Others

? Select a variant: › - Use arrow-keys. Return to submit.
    create-vite-extra ↗
❯   create-electron-vite ↗

# Choose your preferred front-end framework language
? Project template: › - Use arrow-keys. Return to submit.
❯   Vue
    React
    Vanilla

# Enter the project to download dependencies and run them
cd my-electron-vite-project
npm install
npm run dev