ts-project-initialize
TypeScript project initialization best practices
安装与使用
请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。
查看来源 ↗使用指南技能说明
Initialize TypeScript projects with proper tooling, type checking, and framework setup.
Reference documentation: package.md, workspace.md, typescript.md, oxc.md, hono.md, tanstack-spa.md, shadcn-ui.md, dev-tools.md, ci.md
<configuration_decisions>
Key Configuration Decisions
Project visibility:
- Public → Include LICENSE file
- Private → Omit license
Package structure:
- Single package → Root-level configuration
- Workspace (monorepo) → Root shared config + per-package configs
Application type:
- Frontend only → TanStack Router + shadcn/ui
- Backend only → Hono
- Full-stack → Hono + TanStack Router + shadcn/ui
- npm library → No framework, focus on build/publish config </configuration_decisions>
<setup_principles>
Setup Dependencies and Order
Required setup sequence (due to configuration dependencies):
-
Base package (
package.md): Foundation for all subsequent configs -
Workspace structure (
workspace.md): Only if monorepo - must precede package setup -
Linting/formatting (
oxc.md): Requires package structure to be established -
Application setup: Location depends on package structure
- Single package: Root directory
- Workspace: Separate
packages/*/directories - TypeScript (
typescript.md): Required for all projects - Backend:
hono.md - Frontend SPA:
tanstack-spa.md - UI components:
shadcn-ui.md
-
Development tools (
dev-tools.md): Requires application structure -
CI/CD (
ci.md): Final step after all configs established
Location constraints:
- Single package: All configs at root
- Workspace: Shared configs at root, app-specific in
packages/*/</setup_principles>
<reference_index>
Setup Reference Documents
Core setup (all projects):
-
package.md: Package configuration (package.json, pnpm) -
typescript.md: TypeScript strict configuration -
oxc.md: Linting and formatting with oxc -
dev-tools.md: Development utilities -
ci.md: CI/CD pipelines
Structure-specific:
-
workspace.md: Monorepo/pnpm workspace setup
Framework-specific:
-
hono.md: Backend API with Hono -
tanstack-spa.md: Frontend SPA with TanStack Router -
shadcn-ui.md: UI component library setup
</reference_index>
<best_practices>
Configuration Best Practices
TypeScript:
- Always use strict type checking
- Configure path aliases for clean imports
Package management:
- Use pnpm for all TypeScript projects
- Configure workspace protocol for monorepo dependencies
Tooling consistency:
- oxc for linting and formatting (faster than ESLint/Prettier)
- Consistent script names across workspace packages
</best_practices>
使用示例
查看来源仓库中的使用示例与配置说明。
查看来源 ↗来源历史
- 收录时间
- 2026-01-20
- 索引更新时间
- 2026-01-26
- Branch
- main
收录与同步日期属于本站记录。源码修改历史请查看来源仓库。
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!