Electron + Vite + React + Sass 模板项目安装与配置指南

龙肠浪

于 2025-03-30 09:19:52 发布

阅读量251

点赞数 5

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00771/article/details/146720802

本项目是基于 Electron、Vite、React 和 Sass 的开源模板项目，适用于构建跨平台的桌面应用程序。该项目利用了现代前端技术，提供了一种快速开发电子应用的方式。主要编程语言为 TypeScript，它为项目提供了类型安全性和更好的开发体验。

克隆项目

打开终端（或命令提示符），执行以下命令以克隆项目：
```
git clone https://github.com/caoxiemeihao/vite-react-electron.git
```
进入项目目录

克隆完成后，进入项目文件夹：
```
cd vite-react-electron
```
安装依赖

在项目目录中，运行以下命令安装项目依赖：
```
npm install
```
启动开发服务器

安装依赖后，启动开发服务器：
```
npm run dev
```
运行此命令后，开发服务器将启动，并且通常会自动在默认的网络浏览器中打开一个新标签页，地址通常是 http://localhost:3000。
构建项目

当你完成开发，准备将应用打包时，可以使用以下命令构建项目：
```
npm run build
```
这将生成生产环境的文件，存放在 dist-electron 目录下。