创建 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 工作流,用于自动化流程。
相关推荐
kyriewen2 天前
别再对着 TypeScript 报错发呆了:我把 10 个最常见的红色波浪线翻译成了人话
前端·javascript·typescript
妙码生花3 天前
现代前端的极致性能 icon 加载方案(死磕成功版)
前端·vue.js·typescript
MonkeyKing3 天前
鸿蒙ArkTS深度剖析:ArkTS与TS/JS核心差异、静态强类型实战优势
typescript·harmonyos
Momo__5 天前
TypeScript satisfies 操作符——比 as 更安全的类型守门员
前端·typescript
Awu12275 天前
⚡从零开发 Agent CLI(四):给 CLI 装上"LLM 引擎"
typescript·ai编程·claude
假如让我当三天老蒯7 天前
TypeScript 继续学习(学习用)
前端·面试·typescript
糖拌西瓜皮8 天前
Node.js工程化实践:包管理、TypeScript配置与代码质量
typescript·node.js
Bolt9 天前
TypeScript 7.0 来了:当 tsc 用 Go 重写之后
javascript·typescript·go
Flynt10 天前
装上TypeScript 7.0 RC之后,最让我意外不是10倍提速
typescript·visual studio code
疯狂SQL10 天前
手写高性能在线 JSON 工具|Web Worker 工程化打包 + 语法自动修复 + 多语言代码生成实战
typescript·json·next.js·web worker·前端性能优化·esbuild·源码实战