https://github.com/ttf248/ai-coding-demo
基于大模型的IDE，开发实战
https://github.com/ttf248/ai-coding-demo
claude claude-4
Last synced: 3 months ago
JSON representation
基于大模型的IDE，开发实战
- Host: GitHub
- URL: https://github.com/ttf248/ai-coding-demo
- Owner: ttf248
- License: mit
- Created: 2025-02-25T13:40:39.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-07-04T13:54:02.000Z (3 months ago)
- Last Synced: 2025-07-04T15:18:37.158Z (3 months ago)
- Topics: claude, claude-4
- Language: HTML
- Homepage: https://ai-coding-demo.vercel.app
- Size: 13.4 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
README
# AI 大模型编码学习笔记
[在线全局预览](https://ttf248.github.io/ai-coding-demo)
## 🌟 大模型选择与开发工具
- **选择的大模型**: Claude 系列
- **开发工具**: Visual Studio Code (VSCode)
为了提升开发效率，我购买了 GitHub Copilot，能够自由切换市面上的主流大模型。如果不想付费，也可以体验字节跳动发布的 Trae 境外版本。登录后可以免费使用各种大模型，但高峰期间可能需要排队。
经过一段时间的使用，如果不考虑排队因素，Trae 的稳定性更高，输出质量和交互体验也更好。相比之下，VSCode 的模型偶尔会出现卡顿或无响应的情况。
最新消息显示，VSCode 已经将 GitHub Copilot 的代码开发功能集成到编辑器中，期待后续的优化和改进。
## 📚 技术文档列表
### Tailwind CSS
- **类型**: CSS 框架
- **文档**: [什么是 Tailwind CSS？](docs/tailwindcss/Readme.md)
- **预览**: [快速查看示例](docs/tailwindcss/what-is-tailwindcss-demo.html)
### Lucide 图标库
- **类型**: 图标库
- **文档**: [什么是 Lucide？](docs/lucide/Readme.md)
- **预览**: [快速查看示例](docs/lucide/what-is-lucide-demo.html)
### Unsplash 图片资源
- **类型**: 图片资源平台
- **文档**: [什么是 Unsplash？](docs/unsplash/Readme.md)
- **预览**: [快速查看示例](docs/unsplash/what-is-unsplash-demo.html)
## 📸 项目记录
### 自选股实战
- **类型**: 前端 + 后端
- **文档**: [项目详情](stock-watching-system/Readme.md)
---
### 冥想 iOS App
- **类型**: UI/UX 设计
- **文档**: [项目详情](ui-ux-ios-meditation-app/Readme.md)
- **预览**: [快速查看原型](ui-ux-ios-meditation-app/meditation-app-prototype.html)
---
### 生活情绪日记
- **类型**: UI/UX 设计
- **文档**: [项目详情](ui-ux-ios-life-assistant-app/Readme.md)
- **预览**: [快速查看原型](ui-ux-ios-life-assistant-app/canghe_app_prototype.html)
---
### YouTube 视频分享应用
提示词更加通用，按照不同模块分别设计页面。
- **类型**: UI/UX 设计
- **文档**: [项目详情](ui-ux-common/Readme.md)
- **预览**:
- [首页推荐模块](ui-ux-common/youtube-app-homepage.html)
- [视频播放模块](ui-ux-common/youtube-app-player.html)
- [个人中心模块](ui-ux-common/youtube-app-profile.html)
- [发现页面模块](ui-ux-common/youtube-app-discover.html)
- [创作中心模块](ui-ux-common/youtube-app-creator.html)
---
### 小蓝书 - 仿小红书瀑布流图片展示页面
- **类型**: 前端开发
- **文档**: [项目详情](ui-ux-redbook-waterfall-images/docs/Readme.md)
- **预览**: [快速查看示例](https://bluebook.ttf248.life/) [备用地址](https://bluebook-eight.vercel.app/)