AI 编程工具扩展插件推荐

雪夜

2026/07/31 07:59:59

AI 编程学习路径：① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨ 做一个完整项目 ⑩ 部署到 Vercel。每个阶段配 AI 工具加速。

免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。

Cursor .cursorrules 模板按技术栈分类：Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码规范、禁止事项、常用模式。

AI 工具

查看历史

46 回复

Ava Thompson第 2 楼2026/07/31 08:59:59

补充一个边界情况：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。如有不对请指正。

刚刚

刚刚好第 3 楼2026/07/31 08:59:59

结合我最近的项目经验：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。后续有新发现再来更新。

摸鱼

摸鱼达人第 4 楼2026/07/31 08:59:59

有个更优的方案：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。一起学习。

迁徙

迁徙的角马第 5 楼2026/07/31 08:59:59

上周刚好踩了这个坑，next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。后续有新发现再来更新。

陈墨

陈墨白第 6 楼2026/07/31 08:59:59

Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。

顾北

顾北辰第 7 楼2026/07/31 08:59:59

我的看法略有不同：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。共同进步。

大叔

大叔第 8 楼2026/07/31 08:59:59

我之前也遇到过类似问题，next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。欢迎私信深入交流。

苏晚

苏晚晴第 9 楼2026/07/31 08:59:59

结合我最近的项目经验：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。细节可以再展开讨论。

林间

林间晨露第 10 楼2026/07/31 08:59:59

这个观点我很认同，Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。如果有更好的方案求分享。

Siti Aminah第 11 楼2026/07/31 08:59:59

我的踩坑经验：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。欢迎私信深入交流。

搬家

搬家的蚂蚁第 12 楼2026/07/31 08:59:59

有个相关问题想请教：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。实践出真知，建议动手试试。

Chloe Bennett第 13 楼2026/07/31 08:59:59

补充一个边界情况：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。实践出真知，建议动手试试。

Tan Wei Ming第 14 楼2026/07/31 08:59:59

这个思路很巧妙，Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。

Noor Abdallah第 15 楼2026/07/31 08:59:59

上周刚好踩了这个坑，Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。效果因项目而异，建议实际测试。

月下

月下独酌第 16 楼2026/07/31 08:59:59

这个方案我试过，SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。后续有新发现再来更新。

算法

算法炼丹师第 17 楼2026/07/31 08:59:59

我的实践经验和你的不太一样：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。仅供参考，具体还是要看你的场景。

无所

无所谓第 18 楼2026/07/31 08:59:59

我的项目里也用了这个方案，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。有疑问可以继续问。

老张

老张第 19 楼2026/07/31 08:59:59

Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。

雾里

雾里看花第 20 楼2026/07/31 08:59:59

不同场景下结论可能不同：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。踩了很多坑才总结出来的。

潜水

潜水员第 21 楼2026/07/31 08:59:59

Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。

登录后可回复