用途:在用户确认要搭建新网站或新应用时,逐步初始化一个 Next.js 项目。
主要流程与能力:使用 npx create-next-app@latest my-app --typescript --tailwind --eslint --app --src-dir --import-alias "@/*" 创建项目,包含 TypeScript、Tailwind、ESLint、App Router、src 目录和导入别名;随后用 npx shadcn@latest init -d 初始化组件库,并用 npx shadcn@latest add button card dialog form input sheet tabs toast 安装常用 UI 组件;配置 src/lib/utils.ts 工具函数(cn 合并样式类);执行 git init && git add . && git commit -m "chore: scaffold" 纳入版本管理;最后用 npm run build 确认项目可构建。
适用场景:需要从零快速搭建一个带样式与组件库的前端项目。
限制:资料仅涵盖上述固定步骤与命令,未提供其他框架选项、依赖版本、环境要求、异常处理及后续页面搭建细节,这些暂未提供。