---
title: "Electron"
locale: "zh"
version: "1.x"
canonicalUrl: "https://farmfe.org/zh/docs/1.x/frameworks/electron"
publicationStatus: "prerelease"
---
# Electron
基于 ` Farm ` 创建一个 ` Electron ` 项目。
` Farm ` 提供两种方案来支持创建 ` Electron ` 项目:
- 使用 ` create-farm ` 脚手架创建脚手架项目
- 你可以根据当前文档手动创建一个 ` Electron ` 项目
### 创建 Electron 项目
**npm**
```sh
npm create farm@latest
```
**pnpm**
```sh
pnpm create farm@latest
```
**yarn**
```sh
yarn create farm@latest
```
**bun**
```sh
bun create farm@latest
```
在 ` Select Framework ` 中选择 ` Electron ` 模版
开发环境时运行
**npm**
```sh
npm run dev
```
**pnpm**
```sh
pnpm run dev
```
**yarn**
```sh
yarn run dev
```
**bun**
```sh
bun run dev
```
在生产环境下进行打包
**npm**
```sh
npm run build
```
**pnpm**
```sh
pnpm run build
```
**yarn**
```sh
yarn run build
```
**bun**
```sh
bun run build
```
预览生产环境打包之后构建的产物
**npm**
```sh
npm run preview
```
**pnpm**
```sh
pnpm run preview
```
**yarn**
```sh
yarn run preview
```
**bun**
```sh
bun run preview
```
如若想查看示例详情: [Electron 示例]()