创建 Effect 应用

创建 Effect 应用

create-effect-app 命令行工具(CLI)允许你使用默认模板或公共 GitHub 仓库中的示例创建新的 Effect 应用。它是快速上手 Effect 的最简单方式。

命令行界面(CLI)

首先,使用你偏好的包管理器在终端中运行 create-effect-app 命令:

包管理器 命令
npm npx create-effect-app@latest
pnpm pnpm create effect-app@latest
Yarn yarn create effect-app@latest
Bun bunx create-effect-app@latest
Deno deno init --npm effect-app@latest

该命令会启动一个交互式设置流程,引导你完成项目初始化的必要步骤:

完成选择后,create-effect-app 会根据你的选择生成新的 Effect 项目并进行配置。

示例

例如,要在名为 my-effect-app 的目录中创建一个使用基础模板并集成 ESLint 的新 Effect 项目,可运行以下命令:

bash 复制代码
npx create-effect-app --template basic --eslint my-effect-app

非交互式使用

如果偏好非交互式模式,也可按以下方式使用 create-effect-app

bash 复制代码
create-effect-app
  (-t, --template basic | cli | monorepo)
  [--changesets]
  [--flake]
  [--eslint]
  [--workflows]
  [<project-name>]
create-effect-app
  (-e, --example http-server)
  [<project-name>]

以下是可用于自定义 Effect 项目模板的选项说明:

选项 描述
--changesets 使用 Changesets 包初始化项目,用于版本控制管理。
--flake 使用 Nix flake 初始化项目,用于系统依赖管理。
--eslint 包含 ESLint,用于代码格式化和代码检查。
--workflows 设置 Effect 推荐的 GitHub Action 工作流,用于自动化流程。
相关推荐
浮生望7 小时前
React + TypeScript 项目架构实战:Model层与Api层的分离设计
typescript
用户9385156350712 小时前
Type vs Interface:读完这篇就没有面试官能难倒你了
前端·面试·typescript
烬羽15 小时前
navigator.gpu 存在就够了?WebGPU 检测的两层陷阱
typescript·浏览器·全栈
触底反弹15 小时前
🚀 浏览器里跑 1.5B 参数大模型?我用 WebGPU + DeepSeek 做到了
人工智能·面试·typescript
退休倒计时19 小时前
【每日一题】LeetCode 20. 有效的括号 TypeScript
算法·leetcode·职场和发展·typescript
晓说前端20 小时前
TypeScript 核心语法应用 —— Vue 3 中的使用(上)
前端·typescript
渣波21 小时前
React Hooks 核心基石:深度解析 `useState` 的类型推断、泛型约束与空值安全
前端·typescript
YIAN21 小时前
吃透这 5 个核心点,你的 React+TS 代码直接上一个台阶
前端·react.js·typescript
meilindehuzi_a1 天前
WebGPU DeepSeek项目实战(二):用单例模式加载Tokenizer并转发下载进度
单例模式·typescript·react
用户938515635071 天前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformer.js 全链路实战
前端·设计模式·typescript