> For the complete documentation index, see [llms.txt](https://modelmesh.gitbook.io/cline-zhong-wen-ban-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modelmesh.gitbook.io/cline-zhong-wen-ban-docs/cline-zhong-wen-ban-sheng-suan-shuo-ming-wen-dang/wo-men-zui-xi-huan-de-ji-shu-zhan.md).
# 我们最喜欢的技术栈
### 推荐给 Cline-胜算增强版 新用户的堆栈（2025）
#### 您的完整开发环境
**开发工具**
* **VS Code** - 您的代码编辑器，[ 点击此处下载](https://code.visualstudio.com/)
* **GitHub** - 您的代码所在之处，[ 在此注册](https://github.com/)
**前端**
* **Next.js 14+** - 带有 App Router 的 React 框架
* **Tailwind CSS** - 无需编写 CSS 即可创建漂亮的样式
* **TypeScript** - JavaScript，但更安全、更智能
**后端**
* **Supabase** - 您的完整后端解决方案，[ 注册 GitHub](https://supabase.com/)
* PostgreSQL 数据库
* 验证
* 文件存储
* 实时更新
**部署**
* **Vercel** - 您的应用在哪里运行，[ 在 GitHub 上注册](https://vercel.com/)
* 从 GitHub 自动部署
* 预览测试部署
* 生产就绪的 CDN
**人工智能开发**
根据您的需求选择您的 AI 助手：
模型输入成本（每 100 万个代币）输出成本（每 100 万个代币）最适合
Claude 3.5 Sonnet
$3.00
$15.00
生产应用程序，复杂任务
DeepSeek R1
$1.00
$3.00
注重预算的生产
DeepSeek V3
$0.14
$2.20
注重预算的开发
**免费套餐福利**
**Vercel（爱好）**
* 每月 100 GB 数据传输
* 10 万次无服务器函数调用
* 100 MB 部署大小
* 自动 HTTPS 和 CI/CD
**Supabase（免费）**
* 500 MB 数据库存储空间
* 1 GB 文件存储空间
* 每月5万活跃用户
* 每月 200 万条实时消息
**GitHub（免费）**
* 无限公共存储库
* GitHub Actions CI/CD
* 项目管理工具
* 协作功能
#### 入门
1. 安装开发必需品：
* 遵循我们的[开发基本安装指南](https://docs.cline.bot/getting-started/getting-started-new-coders/installing-dev-essentials)
2. 设置Cline-胜算云增强版的记忆库：
* 按照[存储库设置说明进行操作](https://docs.cline.bot/improving-your-prompting-skills/custom-instructions-library/cline-memory-bank)
* 在项目根目录中创建一个空的 `cline_docs` 文件夹
* 在 `cline_docs` 文件夹中创建 `projectBrief.md` （参见下面的示例）
* 告诉Cline-胜算云增强版“初始化存储库”
3. 添加我们推荐的堆栈配置：
* 创建 `.clinerules` 文件（参见下面的模板）
* 剩下的就让克莱恩来处理吧！
**项目简介示例**
复制
```
# Project Brief
## Overview
Building a [type of application] that will [main purpose].
## Core Features
- Feature 1
- Feature 2
- Feature 3
## Target Users
[Describe who will use your application]
## Technical Preferences (optional)
- Any specific technologies you want to use
- Any specific requirements or constraints
```
#### .clinerules 模板
复制
```
# Project Configuration
## Tech Stack
- Next.js 14+ with App Router
- Tailwind CSS for styling
- Supabase for backend
- Vercel for deployment
- GitHub for version control
## Project Structure
/src
/app # Next.js App Router pages
/components # React components
/lib # Utility functions
/types # TypeScript types
/supabase
/migrations # SQL migration files
/seed # Seed data files
/public # Static assets
## Database Migrations
SQL files in /supabase/migrations should:
- Use sequential numbering: 001, 002, etc.
- Include descriptive names
- Be reviewed by Cline before execution
Example: 001_create_users_table.sql
## Development Workflow
- Cline helps write and review code changes
- Vercel automatically deploys from main branch
- Database migrations reviewed by Cline before execution
## Security
DO NOT read or modify:
- .env files
- **/config/secrets.*
- Any file containing API keys or credentials
```
#### 学习资源（2025）
想进一步了解我们正在使用的技术吗？以下是一些很棒的资源：
**Next.js 和 React**
* [官方学习 Next.js 课程 ](https://nextjs.org/learn)- 互动教程
* [NextJS 应用路由器：1 小时掌握现代 Web 开发 ](https://www.youtube.com/nextjs-modern)- 快速概览
* [使用 Next.js 构建真实世界的应用程序 ](https://www.youtube.com/nextjs-real-world)- 实际例子
**Supabase**
* [Supabase 从头开始 ](https://www.udemy.com/supabase-scratch)- 综合课程
* [官方快速入门指南](https://supabase.com/docs/guides/getting-started)
* [使用 Next.js 和 Supabase 的实时应用程序](https://www.newline.co/courses/supabase-nextjs)
**Tailwind CSS**
* [Tailwind CSS 初学者教程](https://www.youtube.com/tailwind-2025)
* [Tailwind 官方文档](https://tailwindcss.com/docs)
* [Scrimba Tailwind CSS 课程](https://scrimba.com/learn/tailwind)的互动课程
#### 其他须知
**使用 Git 和 GitHub**
Git 可帮助您跟踪代码更改并与他人协作。以下是您将使用的基本命令：
**每日发展**
复制
```
# Save your changes (do this often!)
git add . # Stage all changed files
git commit -m "Add login page" # Save changes with a clear message
# Share your changes
git push origin main # Upload to GitHub
```
**常见工作流程**
1. **一天的开始** ：获取最新更改
复制
```
bashCopygit pull origin main # Download latest code
```
2. **开发过程中** ：定期保存工作
复制
```
bashCopygit add .
git commit -m "Clear message about changes"
```
3. **一天结束** ：分享你的进步
复制
```
bashCopygit push origin main # Upload to GitHub
```
**最佳实践**
* 经常做出明确承诺
* 开始新工作之前先拉
* 推送已完成的工作与他人分享
* 使用 `.gitignore` 避免提交敏感文件
> **提示** ：当您推送到主页面时，Vercel 会自动部署！
**环境变量**
* 将机密存储在 `.env.local` 中以供开发使用
* 将它们添加到 Vercel 项目设置中以供生产
* 永远不要将 `.env` 文件提交到 Git
**获取帮助**
1. 在 Cline-胜算增强版聊天中使用 `/help` 可获得即时帮助
2. 检查Cline-胜算增强版文档
3. 在 GitHub 问题中搜索常见问题
请记住：Cline-胜算增强版会在每一步为您提供帮助。如有需要，请随时寻求指导或说明！