创建 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 工作流,用于自动化流程。
相关推荐
浩星11 小时前
electron系列2:搭建专业Electron开发环境
javascript·typescript·electron
Z_Wonderful14 小时前
React react-app-env.d.ts是 TypeScript 的全局类型声明文件,它的作用
前端·react.js·typescript
落魄江湖行15 小时前
基础篇二 Nuxt4 路由守卫:页面访问控制
前端·typescript·nuxt4
落魄江湖行2 天前
入门篇八 Nuxt4页面元信息与 SEO:让搜索引擎爱上你的网站
前端·typescript·seo·nuxt4
LcGero2 天前
TypeScript 快速上手:前言
typescript·cocos creator·游戏开发
条tiao条2 天前
TypeScript 网络编程从零到一:net 模块全解析(入门专属)
javascript·网络·typescript
ZHENGZJM2 天前
前端基石:React + Vite + TypeScript 项目搭建
前端·react.js·typescript
曲幽2 天前
告别手写 API 胶水代码:FastAPI 与 Vue 的“契约自动机” OpenAPI 实战
python·typescript·vue·fastapi·web·swagger·openapi·codegen
@二进制3 天前
vue3+vant4+ts出现页面空白?甚至在App.vue的<template></template>中随便输入都无法显示?
前端·vue.js·typescript
桂森滨3 天前
Vue3+Pinia+Vite+TS 还原高性能外卖APP项目 4️⃣首页开发
前端·typescript·vue