Ob xyoos dhau los, kuv pab neeg ntawm Kev Ua Haujlwm & Co thiab kuv tau sim tawm thiab maj mam sib koom ua ke AI coding cov cuab yeej xws li Copilot, Cursor, Claude, thiab ChatGPT los pab peb xa cov kev paub hauv web uas siv los ntawm cov neeg coob coob. Tau lees paub, tom qab qee qhov kev tsis ntseeg thawj zaug thiab ob peb lub sijhawm aha, ntau yam AI cov cuab yeej tau pom lawv txoj hauv kev rau kuv siv txhua hnub. Sij hawm dhau mus, cov npe ntawm cov ntawv thov uas peb pom tias nws ua rau muaj kev nkag siab zoo rau AI coj los pib loj hlob, yog li kuv txiav txim siab los qhia qee qhov kev siv tswv yim rau AI cov cuab yeej rau qhov kuv hu ua "tus tsim lub luag haujlwm". Kuv txhais li cas los ntawm tus tsim lub luag haujlwm? Peb yuav tsum xyuas kom meej tias peb xa cov cai zoo raws li qhov xav tau los ntawm peb cov neeg muaj feem thiab cov neeg siv khoom. Peb qhov kev koom tes (piv txwv li, rub cov lus thov) yuav tsum tsis txhob dhau los ua lub nra rau peb cov npoj yaig uas yuav tsum tau tshuaj xyuas thiab sim peb txoj haujlwm. Tsis tas li ntawd, yog tias koj ua haujlwm rau lub tuam txhab: Cov cuab yeej peb siv yuav tsum tau txais kev pom zoo los ntawm peb tus tswv ntiav haujlwm. Cov yam ntxwv tseem ceeb xws li kev ruaj ntseg thiab kev ceev ntiag tug yuav tsum tau ua kom zoo: Tsis txhob muab cov ntaub ntawv zais cia, cov neeg siv khoom siv (PII), lossis cov cai tswj hwm rau hauv cov cuab yeej yam tsis muaj kev pom zoo. Kho nws zoo li cov lej los ntawm ib tus neeg tsis paub hauv internet. Ib txwm sim thiab txheeb xyuas. Nco tseg: Kab lus no xav tias qee qhov kev paub yooj yim nrog AI coding cov cuab yeej xws li Copilot hauv VSCode lossis Cursor. Yog tias tag nrho cov no suab tag nrho tshiab thiab tsis paub rau koj, Github Copilot video tutorials tuaj yeem yog qhov pib zoo heev rau koj.
Kev Pabcuam Kev Siv AI Coding cuab yeej Nco tseg: Cov piv txwv hauv qab no yuav tsom mus rau kev ua haujlwm hauv JavaScript-raws li web applications xws li React, Vue, Svelte, lossis Angular. Tau Txais Kev Nkag Siab Ntawm Qhov Tsis Paub Codebase Nws tsis yog qhov tsis yooj yim rau kev ua haujlwm ntawm cov codebases tsim, thiab koom nrog cov cuab yeej cuab tam loj tuaj yeem ua rau ntshai. Tsuas yog qhib koj qhov project thiab koj tus neeg sawv cev AI (hauv kuv rooj plaub, Copilot Chat hauv VSCode) thiab pib nug cov lus nug ib yam li koj xav nug ib tus npoj yaig. Feem ntau, kuv nyiam tham nrog ib tus neeg sawv cev AI ib yam li kuv xav nrog ib tug phooj ywg. Nov yog ib qho piv txwv zoo dua tam sim no: "Muab kuv cov ntsiab lus ntawm cov txheej txheem qib siab: nkag mus, routing, auth, cov ntaub ntawv txheej, tsim cov cuab yeej. Tom qab ntawd sau 5 cov ntaub ntawv los nyeem hauv kev txiav txim. Kho cov lus piav qhia raws li kev xav thiab lees paub los ntawm kev dhia mus rau cov ntaub ntawv hais txog."
Koj tuaj yeem nug cov lus nug nram qab no xws li "Yuav ua li cas thiaj ua haujlwm kom ntxaws?" lossis "Hais rau kuv los ntawm cov txheej txheem kev lees paub thiab cov txheej txheem" thiab nws yuav coj koj mus rau cov lus qhia muaj txiaj ntsig kom ci qee lub teeb rau hauv qhov tsaus ntuj ntawm qhov tsis paub codebase. Triaging Breaking Hloov Thaum Txhim Kho Kev Txhim Kho Kev hloov kho npm pob khoom, tshwj xeeb tshaj yog thaum lawv tuaj nrog kev hloov pauv, tuaj yeem ua haujlwm nyuaj thiab siv sijhawm, thiab ua rau koj kho qhov ncaj ncees ntawm kev rov qab los. Tsis ntev los no kuv yuav tsum tau hloov kho cov ntaub ntawv pom cov tsev qiv ntawv plotly.js txog ib qho kev tso tawm loj los ntawm version 2 txog 3, thiab vim li ntawd, axis labeling hauv qee cov duab tau nres ua haujlwm. Kuv mus nug ChatGPT: "Kuv tau hloov kho kuv txoj haujlwm Angular uas siv Plotly. Kuv tau hloov kho lub plotly.js — dist pob los ntawm version 2.35.2 rau 3.1.0 — thiab tam sim no cov ntawv cim ntawm x thiab y axis ploj mus. Dab tsi tshwm sim?
Tus neeg sawv cev rov qab los nrog kev daws sai sai (saib koj tus kheej hauv qab). Nco tseg: Kuv tseem tau txheeb xyuas cov lus piav qhia tawm tsam cov ntawv qhia kev tsiv teb tsaws chaw ua ntej xa cov kev txhim kho.
Replicating Refactors Safely hla cov ntaub ntawv Loj hlob codebases feem ntau yeej nthuav tawm cov sijhawm rau kev sib sau ua ke. Piv txwv li, koj pom cov lej duplication hla cov ntaub ntawv uas tuaj yeem muab rho tawm mus rau hauv ib qho haujlwm lossis cov khoom siv. Yog li ntawd, koj txiav txim siab los tsim ib qho kev sib koom ua ke uas tuaj yeem suav nrog thiab ua tus refactor hauv ib cov ntaub ntawv. Tam sim no, es tsis txhob manually nqa tawm cov kev hloov pauv rau koj cov ntaub ntawv tseem tshuav, koj nug koj tus neeg sawv cev kom yob tawm cov refactor rau koj. Cov neeg sawv cev cia koj xaiv ntau cov ntaub ntawv raws li cov ntsiab lus. Thaum cov refactor rau ib cov ntaub ntawv tiav lawm, kuv tuaj yeem ntxiv ob qho tib si cov ntaub ntawv refactored thiab untouched rau hauv cov ntsiab lus thiab hais kom tus neeg sawv cev yob tawm cov kev hloov pauv rau lwm cov ntaub ntawv zoo li no: "Rau cov kev hloov pauv uas kuv tau ua hauv cov ntaub ntawv A mus rau B thiab". Siv cov yam ntxwv hauv cov cuab yeej tsis paub Ib qho ntawm kuv nyiam aha-lub sij hawm siv AI coding cov cuab yeej yog thaum nws pab kuv tsim ib qho nyuaj heev animated gradient animation hauv GLSL, ib hom lus uas kuv tsis paub zoo. Ntawm qhov project tsis ntev los no, peb cov neeg tsim qauv tuaj nrog cov animated gradient raws li lub xeev thauj khoom ntawm 3D khoom. Kuv yeej nyiam lub tswvyim thiab xav xa ib yam dab tsi tshwj xeeb thiab zoo siab rau peb cov neeg siv khoom. Covteeb meem: Kuv tsuas muaj ob hnub los siv nws, thiab GLSL muaj qhov kev kawm nkhaus heev. Ib zaug ntxiv, ib qho cuab yeej AI (hauv qhov no, ChatGPT) tau los ua ke, thiab kuv tau pib yooj yim ua rau nws tsim cov ntaub ntawv HTML nyob ib leeg rau kuv uas ua rau daim ntaub thiab cov xim yooj yim animated gradient. Ib kauj ruam tom qab, Kuv tau hais kom AI ntxiv qhov zoo ntxiv rau nws kom txog thaum kuv tuaj txog ntawm qhov txiaj ntsig zoo yog li kuv tuaj yeem pib sib koom ua ke cov duab ntxoov ntxoo rau hauv kuv qhov tseeb codebase. Qhov kawg tshwm sim: Peb cov neeg siv khoom tau zoo siab heev, thiab peb tau xa ib qho kev ua haujlwm nyuaj hauv lub sijhawm me me ua tsaug rau AI. Sau ntawv xeem Hauv kuv qhov kev paub dhau los, tsis tshua muaj sijhawm txaus ntawm cov haujlwm los txuas ntxiv sau thiab tswj kom zoo ntawm chav tsev thiab kev sib koom ua ke, thiab nyob rau sab saum toj ntawm qhov ntawd, ntau tus neeg tsim khoom tsis txaus siab rau txoj haujlwm ntawm kev sau ntawv xeem. Kev hais kom koj tus kws pab AI teeb tsa thiab sau cov ntawv xeem rau koj yog qhov ua tau tiav thiab tuaj yeem ua tiav hauv lub sijhawm me me. Tau kawg, koj, uas yog tus tsim tawm, tseem yuav tsum tau ua kom paub tseeb tias koj qhov kev ntsuam xyuas tiag tiag saib xyuas qhov tseem ceeb ntawm koj daim ntawv thov thiab ua raws li cov qauv kev sim siab, tab sis koj tuaj yeem "outsource" sau cov kev xeem rau peb tus pab AI. Piv txwv ceeb toom: "Sau chav kuaj rau lub luag haujlwm no siv Jest. Npog txoj hauv kev zoo siab, rooj plaub ntug, thiab hom tsis ua haujlwm. Piav seb vim li cas txhua qhov kev sim muaj."
Koj tuaj yeem hla dhau qhov kev sim guru Kent C. Dodds 'kev sim cov kev coj ua zoo tshaj plaws raws li cov lus qhia rau koj tus neeg sawv cev, zoo li hauv qab no:
Internal Tooling Ib yam zoo ib yam li cov piv txwv shader tau hais ua ntej, kuv tau ua haujlwm tsis ntev los no los txheeb xyuas cov lej sib tshooj hauv codebase thiab sib piv ua ntej thiab tom qab tus refactor. Yeej tsis yog ib txoj hauj lwm tseem ceeb yog tias koj tsis xav mus rau lub sij hawm siv txoj kev sib piv cov ntaub ntawv manually. Nrog kev pab los ntawm Copilot, kuv tau tsim ib tsab ntawv uas txheeb xyuas cov lej duplicate rau kuv, npaj thiab xaj cov khoom tso rau hauv lub rooj, thiab xa tawm mus rau Excel. Tom qab ntawd kuv coj nws ib kauj ruam ntxiv. Thaum peb tus lej refactor ua tiav, kuv tau hais kom tus neeg sawv cev coj kuv daim ntawv Excel uas twb muaj lawm los ua cov hauv paus, ntxiv rau hauv lub xeev tam sim no ntawm duplication nyob rau hauv nyias kab, thiab xam cov delta. Hloov kho Code Sau Lub Sijhawm Ntev dhau los Tsis ntev los no, ib tus neeg siv khoom qub ntawm kuv tau ntaus kuv, raws li lub sijhawm dhau los, qee qhov nta tsis ua haujlwm zoo ntawm nws lub vev xaib ntxiv lawm. Kev ntes: Lub vev xaib tau tsim yuav luag kaum xyoo dhau los, thiab JavaScript thiab SCSS tau siv cov cuab yeej qub qub xws li xav tauJS, thiab kev teeb tsa yuav tsum muaj cov laus dua ntawm Node.js uas yuav tsis txawm khiav ntawm kuv 2025 MacBook. Kev hloov kho tag nrho cov txheej txheem tsim los ntawm tes yuav tau coj kuv hnub, yog li kuv tau txiav txim siab hais rau tus neeg sawv cev AI, "Koj puas tuaj yeem hloov kho JS thiab SCSS tsim cov txheej txheem rau 2025 pawg zoo li Vite?" Nws paub tseeb tias tau ua, thiab tom qab ib teev ntawm kev kho kom zoo nrog tus neeg sawv cev, kuv tau ua kuv tus SCSS thiab JS hloov mus rau Vite, thiab kuv tuaj yeem tsom mus rau qhov tseeb bugfixing. Tsuas yog xyuas kom tseeb tias cov ntaub ntawv tso tawm thiab muab tso ua ke kom raug thaum ua qhov kev hloov pauv rau koj cov txheej txheem tsim. Summarizing Thiab Drafting Koj puas xav sau tag nrho koj cov kev hloov pauv tsis ntev los no hauv ib kab lus rau cov lus cog lus, lossis muaj cov npe ntev ntawm kev cog lus thiab xav suav lawv hauv peb lub ntsiab lus? Tsis muaj teeb meem, cia AI saib xyuas nws, tab sis thov nco ntsoov nyeem nws. Ib qho piv txwv tam sim no yooj yim li kev xa xov rau ib tus neeg: "Thov sau kuv cov kev hloov pauv tsis ntev los no hauv cov ntsiab lus me me". Kuv cov lus qhia ntawm no yuav yog siv GPT rau kev sau ntawv nrog ceev faj, thiab nrog rau cov lej, thov xyuas cov zis ua ntej xa lossis xa. Cov lus pom zoo thiab cov kev coj ua zoo tshaj plaws Kev ceeb toom Ib qho ntawm cov txiaj ntsig tsis pom tseeb ntawm kev siv AI yog qhov tshwj xeeb thiab kho kom haum koj cov lus qhia, qhov tso zis ntau dua. Cov txheej txheem ntawm kev ua kom tus neeg sawv cev AI yuam peb los tsim peb cov kev xav tau tshwj xeeb li sai tau ua ntej peb sau thiab code. Qhov no yog vim li cas, raws li txoj cai dav dav, kuv pom zoo kom ua raws li qhov ua tau nrog koj qhov kev tshoov siab. Ryan Florence, co-sau ntawm Remix, qhia ib txoj hauv kev yooj yim tab sis muaj zog los txhim kho cov txheej txheem no los ntawm kev ua tiav koj thawj zaug nrog kab lus: "Ua ntej peb pib, koj puas muaj lus nug rau kuv?"
Lub sijhawm no, AI feem ntau rov qab los nrog cov lus nug tseem ceeb uas koj tuaj yeem qhia meej koj lub hom phiaj tshwj xeeb, coj tus neeg sawv cev los muab koj txoj hauv kev kom haum rau koj txoj haujlwm.
Siv Version Control Thiab ua hauj lwm hauv Digestible Chunks Siv cov kev tswj hwm version zoo li git tsis tsuas yog tuaj yeem ua ke thaum koom tes ua pab pawg ntawm ib tus lej codebase tab sis kuj muab rau koj ua ib qhotus neeg koom nrog nrog cov ntsiab lus ruaj khov kom rov qab mus rau thaum muaj xwm txheej ceev. Vim tias nws tsis yog qhov kev txiav txim siab, AI tuaj yeem qee zaum mus tsis ncaj ncees thiab hloov pauv uas tsuas yog tsis muaj txiaj ntsig rau qhov koj tab tom sim ua kom tiav thiab thaum kawg rhuav tshem yam tsis zoo. Kev faib koj txoj haujlwm rau ntau qhov kev cog lus yuav pab koj tsim cov ntsiab lus ruaj khov uas koj tuaj yeem rov qab mus rau hauv rooj plaub uas txhua yam mus rau sab. Thiab koj cov phooj ywg yuav ua tsaug rau koj ib yam nkaus, vim lawv yuav muaj sijhawm yooj yim dua los tshuaj xyuas koj cov cai thaum nws tau muab faib ua cov ntsiab lus zoo. Saib xyuas kom meej Qhov no yog qhov kev coj ua zoo tshaj plaws, tab sis hauv kuv lub tswv yim, nws tseem ceeb dua thaum siv AI cov cuab yeej rau kev txhim kho kev ua haujlwm: Ua thawj tus kws tshuaj xyuas koj cov cai. Nco ntsoov siv qee lub sijhawm los hla koj cov kev hloov pauv los ntawm kab, ib yam li koj yuav tshuaj xyuas lwm tus tus lej, thiab tsuas yog xa koj cov haujlwm thaum nws dhau koj tus kheej tshuaj xyuas. "Ob yam yog ob qho tib si rau kuv tam sim no: AI cov neeg ua haujlwm zoo kawg nkaus thiab kev txhawb nqa loj heev. Lawv kuj yog cov tshuab slop loj yog tias koj tua koj lub hlwb thiab tso tawm tag nrho." - Armin Ronacher hauv nws qhov blog post Tus Neeg Saib Xyuas Psychosis: Puas Yog Peb Mus Insane?
Kev xaus thiab kev xav Hauv kuv lub tswv yim, AI coding cov cuab yeej tuaj yeem txhim kho peb cov khoom tsim tau raws li cov neeg tsim khoom txhua hnub thiab tso siab rau lub hlwb kom muaj kev npaj ntau dua thiab kev xav siab. Lawv yuam kom peb qhia peb cov txiaj ntsig xav tau nrog kev nthuav dav. Txhua AI tuaj yeem, qee zaum, hnov lus, uas txhais tau tias nws nyob hauv lub suab nrov. Yog li thov nco ntsoov xyuas thiab sim, tshwj xeeb tshaj yog thaum koj tsis ntseeg. AI tsis yog lub mos txwv nyiaj, thiab kuv ntseeg, kev ua tau zoo thiab muaj peev xwm los daws cov teeb meem raws li tus tsim tawm yuav tsis tawm ntawm kev zam. Rau cov neeg tsim khoom uas nyuam qhuav pib tawm hauv lawv txoj haujlwm cov cuab yeej no tuaj yeem ua rau muaj kev ntxias kom ua feem ntau ntawm lawv txoj haujlwm. Dab tsi tuaj yeem poob ntawm no yog qhov feem ntau ntws tawm thiab mob ua haujlwm los ntawm kab thiab teeb meem uas tsis yooj yim rau kev debug thiab daws, aka "qhov zom". Txawm tias Cursor AI tus kheej Lee Robinson nug qhov no hauv ib qho ntawm nws cov lus:
AI coding cov cuab yeej tau hloov zuj zus ntawm qhov nrawm nrawm, thiab kuv zoo siab rau qhov yuav los tom ntej. Kuv vam tias koj pom cov kab lus no thiab nws cov lus qhia yuav pab tau thiab zoo siab los sim qee qhov ntawm koj tus kheej.
