创建 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 工作流,用于自动化流程。
相关推荐
gis开发之家7 小时前
《Vue3 从入门到大神35篇》Vue3 源码详解(五):effect 依赖收集原理——track 与 trigger 是如何工作的?
javascript·typescript·前端框架·vue3·vue3源码
退休倒计时14 小时前
【每日一题】LeetCode 131. 分割回文串 TypeScript
算法·leetcode·typescript
橘子星2 天前
在浏览器里跑大模型!用 WebGPU 零成本部署 DeepSeek-R1
前端·typescript
bonechips2 天前
React + WebGPU:在浏览器里跑一个 DeepSeek 推理模型
react.js·typescript
触底反弹2 天前
🔥 React 零基础入门(上):环境搭建 + JSX 深度解析
前端·react.js·typescript
谷哥的小弟2 天前
TypeScript对象类型
javascript·typescript
大家的林语冰2 天前
🫡 见证历史,TypeScript 7 重写成功,VS Code 原地起飞,GitHub 第一语言联手 Go 破而后立!
前端·javascript·typescript
濮水大叔5 天前
在 DTO 中使用 Form Layout 配置复杂表单,支持 Tabs/Groups/Sections
vue.js·typescript·node.js
用户0934077735145 天前
HarmonyOS WPS Open SDK 实践:用能力分层重构 OpenFileRequest
typescript·harmonyos
gis开发之家6 天前
vue3直击架构痛点 依赖倒置与接口隔离——打造坚如磐石的插件与高阶组件(HOC)模式
javascript·架构·typescript·前端框架·vue3