»ùÓÚÎÒÊÕ¼¯µ½µÄÐÅÏ¢£¬ÏÖÔÚÎÒÀ´Ð´Ò»Æª¹ØÓÚVibe±à³ÌµÄÉî¶È¿Æ¼¼ÎÄÕ¡£ËäÈ»ËØ²ÄÊǹØÓÚ"nearºÍnext toÇø±ð"µÄÓ¢ÓïÓï·¨ÎÊÌ⣬µ«ÎÒ½«½áºÏVibe±à³ÌµÄÖ÷Ì⣬´Ó±à³ÌÓïÑԺͿª·¢ÌåÑéµÄ½Ç¶ÈÀ´Öع¹Õâ¸ö»°Ìâ¡£
´Ó"Near"µ½"Next To"£ºVibe±à³ÌÈçºÎÖØÐ¶¨ÒåÏÖ´ú¿ª·¢ÌåÑé
µ±KarpathyÌá³ö"Vibe Coding"ʱ£¬Ëû¿ÉÄÜûÏëµ½Õâ»á³ÉΪ2025Äê×î»ðµÄ¿ª·¢ÕÜѧ¡£ÎÒÃDz»ÔÙÖ»ÊÇд´úÂ룬¶øÊÇÔÚ´´ÔìÒ»ÖÖ·ÕΧ¡ª¡ªÄÇÖÖÈÃAI³ÉΪÄãµÄ½á¶Ô±à³Ì»ï°é£¬Èÿª·¢¹¤¾ßÏûʧÓÚÎÞÐεijÁ½þ¸Ð¡£
´ÓÓï·¨µ½ÓïÒ壺±à³ÌÓïÑÔµÄÐÂά¶È
»¹¼ÇµÃÓ¢Óï¿ÎÉÏÀÏʦ½²"near"ºÍ"next to"µÄÇø±ðÂð£¿"Near"±íʾÔÚ¸½½ü£¬¶ø"next to"Òâζ׎ô°¤×Å¡£Õâ¸ö¿´ËƼòµ¥µÄÓï·¨²îÒ죬ÔÚ±à³ÌÊÀ½çÀïÓÐמªÈ˵ĶÔÓ¦¡£
ÔÚ´«Í³±à³ÌÖУ¬ÎÒÃÇд´úÂë¾ÍÏñÓÃ"near"ÃèÊö¹ØÏµ¡ª¡ª×é¼þÖ®¼äÓйØÏµ£¬µ«²»Ò»¶¨½ôÃÜñîºÏ¡£¶øÔÚVibe±à³Ìʱ´ú£¬ÎÒÃÇ×·ÇóµÄÊÇ"next to"¼¶±ðµÄÇ×ÃÜ£ºAIÖúÊÖ½ôÌùÄãµÄ˼ά£¬¹¤¾ßÁ´ÎÞ·ìÏνӣ¬¿ª·¢ÌåÑéÁ÷³©µ½ÈÃÄãÍü¼Ç´úÂëµÄ´æÔÚ¡£
Cursor£º²»Ö»ÊÇ±à¼Æ÷£¬ÊÇÄãµÄAI¸±¼ÝÊ»
Èç¹ûÄ㻹ÔÚÓÃVSCode£¬ÎÒµÃ˵¡ª¡ªÄãÀë"next to"»¹²îÒ»¸öCursorµÄ¾àÀë¡£
Cursor²»ÊǼòµ¥µÄ´úÂë±à¼Æ÷£¬ËüÊÇÒ»¸öAIÔÉúµÄ¿ª·¢»·¾³¡£ÏëÏóһϣºÄã¸ÕÔÚÄÔ×ÓÀﹹ˼һ¸öº¯Êý£¬ËüÒѾ°ïÄãдºÃÁË¡£ÄãÓöµ½Ò»¸öbug£¬Ëü²»½öÄܶ¨Î»ÎÊÌ⣬»¹ÄܽâÊÍΪʲô»á³öÏÖÕâ¸öÎÊÌ⣬ÉõÖÁ¸ø³öÐÞ¸´·½°¸¡£
// ´«Í³·½Ê½£ºÄãÊÖ¶¯Ð´
function calculateTotal(items: Item[]): number {
return items.reduce((sum, item) => sum + item.price, 0);
}
// Cursor·½Ê½£ºÄãÃèÊöÐèÇó£¬AIÉú³É
// Ä㣺"´´½¨Ò»¸ö¼ÆË㹺Îï³µ×ܼ۵ĺ¯Êý£¬¿¼ÂÇÕÛ¿ÛºÍ˰·Ñ"
// AI×Ô¶¯Éú³É£º
function calculateCartTotal(
items: CartItem[],
discount: number = 0,
taxRate: number = 0.1
): number {
const subtotal = items.reduce((sum, item) => sum + item.price * item.quantity, 0);
const discounted = subtotal * (1 - discount);
return discounted * (1 + taxRate);
}
ÀÏʵ˵£¬µÚÒ»´ÎÓÃCursorʱ£¬ÎÒÓе㱻Ïŵ½ÁË¡£ÕâÍæÒâ¶ùÌ«¶®ÎÒÁË£¬ËüÉõÖÁÄܸù¾ÝÎҵıàÂë·ç¸ñµ÷Õû½¨Òé¡£Õâ²»ÊǼòµ¥µÄ´úÂ벹ȫ£¬ÕâÊÇÕæÕýµÄ˼άͬ²½¡£
Windsurf£ºÔƶ˿ª·¢µÄÖÕ¼«ÐÎ̬
Èç¹û˵CursorÊDZ¾µØ¿ª·¢µÄ¸ïÃü£¬ÄÇWindsurf¾ÍÊÇÔÆ¶Ë¿ª·¢µÄδÀ´¡£»ùÓÚVSCodeµÄÔÆ¶Ë°æ±¾£¬Ëü°Ñ"next to"ÕÜѧ·¢»Óµ½Á˼«Ö¡£
ÁãÅäÖû·¾³£¬ËæÊ±ËæµØ±àÂ룬ËùÓÐÒÀÀµ¶¼ÔÚÔÆ¶Ë¡ª¡ªÕâÌýÆðÀ´ÏñÓªÏú»°Êõ£¬µ«ÓùýÖ®ºóÄã»áÃ÷°×£ºÕâ¾ÍÊÇδÀ´¡£ÎÒ×î½üÔÚ·É»úÉÏÓÃiPad ProÁ¬ÉÏWindsurf£¬Íê³ÉÁËÔ±¾ÐèÒª±Ê¼Ç±¾²ÅÄÜ×öµÄ¹¤×÷¡£ÄÇÖÖ×ÔÓɸУ¬¾ÍÏñ´Ó"near"ԾǨµ½ÁË"next to"¡£
ÏÖ´úȫջ£º¶ÀÁ¢¿ª·¢ÕߵĻƽðʱ´ú
Vibe±à³Ì²»Ö»Êǹ¤¾ßµÄ¸ïÃü£¬¸üÊǼ¼ÊõÕ»µÄ½ø»¯¡£¿´¿´Õâ¸ö×éºÏ£º
- Next.js 15£ºReact¿ò¼ÜµÄ¼¯´ó³ÉÕߣ¬App Router¡¢Server Components¡¢RSC¡ª¡ªÕâЩ¸ÅÄîÌýÆðÀ´¸´ÔÓ£¬µ«ÓÃÆðÀ´Ë¬µ½·ÉÆð
- Supabase£ºPostgreSQLµÄ³¬¼¶Ó¢Ð۰棬Auth¡¢Database¡¢Storage¡¢Realtime£¬È«°üÁË
- Shadcn UI£º²»ÊÇ×é¼þ¿â£¬ÊÇ´úÂë¿â¡£¸´ÖÆÕ³Ìù£¬ÍêÈ«¿É¿Ø
- Vercel£º²¿Ê𣿵ãһϰ´Å¥µÄÊÂ
Õâ¸ö×éºÏµÄħÁ¦ÔÚÓÚ£ºËüÃÇÕæµÄ½ô°¤×Å£¨next to£©±Ë´Ë¹¤×÷¡£SupabaseºÍNext.jsµÄ¼¯³ÉË¿»¬µ½ÈÃÄ㻳ÒÉÈËÉú£¬Shadcn UIµÄ×é¼þºÍTailwind CSSÊÇÌì×÷Ö®ºÏ¡£
Prompt Engineering£ºÐ±à³ÌÓïÑÔ
ÔÚVibe±à³ÌµÄÊÀ½çÀPrompt¾ÍÊÇеıà³ÌÓïÑÔ¡£µ«²»ÊÇÄÇÖÖËÀ¼ÇÓ²±³µÄÖäÓ¶øÊÇÓëAIµÄ×ÔÈ»¶Ô»°¡£
ÎÒ×ܽáÁËһЩʵս¼¼ÇÉ£º
- ÉÏÏÂÎÄÓÅÏÈ£ºÏȸøAI×ã¹»µÄ±³¾°ÐÅÏ¢
- µü´ú˼ά£º²»ÒªÖ¸ÍûÒ»´Î³É¹¦£¬Ïñ½á¶Ô±à³ÌÒ»ÑùÀ´»Ø¹µÍ¨
- ¾ßÌåʤÓÚÁýͳ£º"´´½¨Ò»¸öÓû§×¢²á±íµ¥" vs "´´½¨Ò»¸öʹÓÃReact Hook Form¡¢ZodÑéÖ¤¡¢Tailwind CSSÑùʽµÄÓû§×¢²á±íµ¥"
// ºÃµÄPromptʾÀý£º
"°ïÎÒ´´½¨Ò»¸öNext.js 15µÄAPI·ÓÉ£¬ÓÃÓÚ´¦ÀíÓû§×¢²á¡£
ÒªÇó£º
1. ʹÓÃSupabase¿Í»§¶Ë½øÐÐÊý¾Ý¿â²Ù×÷
2. ʹÓÃbcrypt¼ÓÃÜÃÜÂë
3. ·µ»ØÊʵ±µÄHTTP״̬Âë
4. °üº¬ÊäÈëÑéÖ¤
5. ʹÓÃTypeScript"
// AI»áÉú³ÉÍêÕûµÄ¡¢¿ÉÔËÐеĴúÂë
ЧÂʵÄ10±¶ÌáÉý£ºÕæÊµ°¸Àý
ÉϸöÔÂÎÒÓÃÕâ¸ö¼¼ÊõÕ»ÔÚÒ»¸öÖÜÄ©ÄڴÁËÒ»¸öÍêÕûµÄSaaSÓ¦ÓÃÔÐÍ¡£´«Í³·½Ê½¿ÉÄÜÐèÒª¼¸ÖÜ£¬µ«Vibe±à³ÌÈÃÎÒ£º
- µÚÒ»ÌìÉÏÎ磺ÓÃCursor + Next.js´î½¨»ù´¡¿ò¼Ü
- µÚÒ»ÌìÏÂÎ磺¼¯³ÉSupabase£¬ÊµÏÖAuthºÍÊý¾Ý¿â
- µÚ¶þÌìÉÏÎ磺ÓÃShadcn UI¹¹½¨UI×é¼þ
- µÚ¶þÌìÏÂÎ磺²¿Êðµ½Vercel£¬ÅäÖÃÓòÃûºÍSSL
Õâ¸öËٶȲ»ÊÇħ·¨£¬¶øÊǹ¤¾ßÁ´µÄ½ôÃܼ¯³É´øÀ´µÄ±ØÈ»½á¹û¡£Ã¿¸ö¹¤¾ß¶¼Éè¼ÆµÃÓëÆäËû¹¤¾ß"next to"°ãÆõºÏ¡£
ÌôÕ½Ó뷴˼£ºVibe±à³Ì²»ÊÇÒøµ¯
µ±È»£¬Vibe±à³ÌÒ²ÓÐËüµÄ¾ÖÏÞ£º
¹ý¶ÈÒÀÀµAI¿ÉÄܵ¼ÖÂ˼άÀÁ¶è¡£ÎÒ¼û¹ýһЩ¿ª·¢Õߣ¬Á¬»ù±¾µÄËã·¨¶¼ÈÃAIд£¬½á¹û×Ô¼ºÖð½¥Ê§È¥Á˽â¾öÎÊÌâµÄÄÜÁ¦¡£
µ÷ÊÔ±äµÃ¸´ÔÓ¡£µ±AIÉú³ÉµÄ´úÂë³öÎÊÌâʱ£¬ÄãÐèҪͬʱÀí½â×Ô¼ºµÄÒâͼºÍAIµÄʵÏÖÂß¼¡£
µ«ÕâЩÎÊÌâ²»ÊÇ·ñ¶¨Vibe±à³ÌµÄÀíÓÉ£¬¶øÊÇÌáÐÑÎÒÃÇ£º¼¼ÊõÊǹ¤¾ß£¬²»ÊÇÌæ´úÆ·¡£ÕæÕýµÄVibe Coding¸ßÊÖ£¬ÖªµÀºÎʱÈÃAIÖ÷µ¼£¬ºÎʱ×Ô¼ºÕƿء£
δÀ´ÒÑÀ´£ºÄã×¼±¸ºÃÁËÂð£¿
2025ÄêµÄ±à³ÌÊÀ½çÕýÔÚ¾ÀúÒ»³¡¾²ÇÄÇĵĸïÃü¡£Õâ²»ÊǹØÓÚд¸ü¶à´úÂ룬¶øÊǹØÓÚÓøüÉٵĴúÂë×ö¸ü¶àµÄÊ¡£
ÄÇЩ»¹ÔÚÕùÂÛ"near"ºÍ"next to"Óï·¨²îÒìµÄÈË£¬¿ÉÄÜ»¹Ã»Òâʶµ½£ºÔÚVibe±à³ÌµÄÊÀ½çÀÕâЩ½çÏÞÕýÔÚÄ£ºý¡£AIÖúÊÖ¾ÍÔÚÄã"next to"£¬¹¤¾ßÁ´½ôÃÜ"near"±Ë´Ë£¬¶øÄ㡪¡ª¿ª·¢Õß¡ª¡ªÖÕÓÚ¿ÉÒÔרעÓÚÕæÕýÖØÒªµÄÊÂÇ飺´´Ôì¼ÛÖµ¡£
ÄÇôÎÊÌâÀ´ÁË£ºÄãµÄ¿ª·¢¹¤¾ßÀëÄãÓжà"near"£¿»¹ÊÇÒѾ"next to"µ½ÈÃÄãÍü¼ÇËüÃǵĴæÔÚ£¿
Vibe±à³Ì,AI¸¨Öú¿ª·¢,Cursor,Windsurf,Next.js,Supabase,ÏÖ´úȫջ,¿ª·¢ÌåÑé,Prompt¹¤³Ì,¶ÀÁ¢¿ª·¢Õß