Kumpletong Gabay sa Pag-debug ng mga Aplikasyon sa Web at Console sa VS Code sa Linux

Huling pag-update: 12/09/2026
May-akda: Isaac
  • Komprehensibong konpigurasyon ng Visual Studio Code sa iba't ibang distribusyon ng Linux para sa modernong pag-unlad.
  • Pagpapatupad ng sunud-sunod na proseso ng pag-debug para sa mga console application at web service.
  • Pag-optimize ng kapaligiran sa programming sa pamamagitan ng paggamit ng mga espesyal na extension at mga tool ng AI.
  • Pagsasama ng mga cross-platform workflow gamit ang WSL at mga remote debugger.

Modernong workspace na may laptop na nagpapakita ng code editor sa dark mode, mainam para sa pagpapakilala ng development environment sa Linux.

Kung nagtatrabaho ka sa programming, alam mong wala nang mas nakakadismaya pa sa isang bug na ayaw mawala. Para maayos ito, Ang Visual Studio Code ay naging pangunahing kagamitan Dahil sa magaan, libre, at higit sa lahat, kahanga-hangang pagganap nito sa anumang operating system, kabilang ang mga pinakasikat na distribusyon ng Linux tulad ng Ubuntu o Kubuntu.

Sa ganitong diwa, ang pagiging dalubhasa sa pag-debug ay hindi lamang usapin ng pagtatakda ng breakpoint, kundi ng upang magtatag ng isang mahusay na ekosistema ng trabahoNagsusumikap ka man sa isang console application o nagde-deploy ng isang kumplikadong web service, ang pag-aayos ng iyong kapaligiran ay makakatipid sa iyo ng maraming oras ng sakit ng ulo at magbibigay-daan sa iyong gumalaw nang mas mabilis.

Paano i-install ang VS Code sa Linux nang walang komplikasyon

Malapitang pagtingin sa mga naka-highlight na linya ng code sa isang monitor, na kumakatawan sa proseso ng pagsusuri at pag-debug ng mga error.

Bago tayo dumako sa mas detalyadong pag-debug, kailangan muna nating mai-install ang editor. Sa Ubuntu at mga derivatives, ang pinakamadaling paraan ay i-download ang .deb package mula sa opisyal na websiteKapag mayroon ka nang file, maaari mo itong i-install sa pamamagitan ng pagbubukas ng terminal at pagpapatakbo ng isang command tulad ng sudo apt install ./nombre-del-paquete.debKung mas gusto mong iwasan ang mga manu-manong pag-download, ang Snap Store Isa itong napaka-maginhawang alternatibo para i-install ito sa ilang pag-click lamang.

Para los que os gusta más el estilo «hardcore» a través de la consola, podéis configurar los manu-manong mga repositoryo ng MicrosoftKabilang dito ang pag-import ng GPG key at pagdaragdag ng repository sa iyong listahan ng mga mapagkukunan upang, kapag gumawa ka ng apt updateAwtomatikong mag-a-update ang editor kasama ng iba pang bahagi ng sistema. Sa mga distribusyon tulad ng Kubuntu, na gumagamit ng KDE, magkapareho ang proseso, kahit na nagbabago ang graphical interface.

  Paano Ayusin ang Windows ay Hindi Mag-boot

Ang sining ng paglilinis nang paunti-unti

Programmer na nagtatrabaho sa isang dual-monitor workstation, na nagpapakita ng parehong code editor at terminal, na sumasalamin sa isang mahusay na ecosystem ng trabaho.

Ang tunay na kapangyarihan ng VS Code ay nasa kakayahan nitong i-pause ang pagpapatupad ng code. Para magawa ito, kailangan mo munang... i-configure ang mga breakpoint (breakpoints) haciendo clic a la izquierda del número de línea. Esto le dice al programa: «Oye, para aquí que quiero ver qué está pasando».

Kapag inilunsad mo ang debugger gamit ang F5 key, magagawa mo suriin ang halaga ng mga baryabol sa totoong oras, na nagbibigay-daan sa iyong matukoy nang eksakto kung saan nasira ang lohika. Sa kaso ng mga wikang tulad ng Go, mahalagang i-install ang opisyal na extension at patakbuhin ang command Go: Install/Update tools upang gumana nang maayos ang lahat ng mga kagamitan sa pagsusuri at pag-debug.

Pag-debug ng mga console at web application

HTML code na nakikita sa screen, na kumakatawan sa pagbuo at pag-debug ng mga web application.

Kapag nagtatrabaho gamit ang mga console application sa mga .NET environment, isang interesanteng hamon ang lumilitaw. Kung gumagamit ka ng Visual Studio sa Windows ngunit ang iyong app ay tumatakbo sa Linux, ang mahika ng WSL2 (Windows Subsystem para sa Linux) Pinapayagan ka nitong direktang mag-debug nang hindi umaalis sa iyong pangunahing sistema. Isang mahalagang detalye rito ay, upang maipasa ang mga parameter sa executable, dapat mong i-edit ang file. launchSettings.json at idagdag ang ari-arian «commandLineArgs» apuntando al archivo .dlldahil sa .NET ang .exe ay isang launcher lamang at ang talagang dine-debug ay ang DLL assembly.

Para sa mga web application, ang daloy ay magkatulad ngunit mas nakatuon sa network. Pinapayagan ng VS Code Kumonekta sa mga malayuang server sa pamamagitan ng SSHNangangahulugan ito na maaari mong i-edit at i-debug ang code na nasa isang cloud server na parang nasa sarili mong laptop. Ito, kasama ang mga tool tulad ng... Pang-debug para sa ChromeDahil dito, mas madaling mapangasiwaan ang paghahanap ng mga error sa frontend o backend.

Mga mahahalagang extension upang mapalakas ang daloy ng trabaho

Advanced na Linux terminal na may maraming panel na nagpapakita ng network monitoring, system logs, at SSH connection, mainam para sa remote debugging at mga server.

Para sa maayos na pag-debug at pagbuo, kailangan mong i-tweak ang editor. Kung nagpo-program ka sa Python, i-install Pylance at ang extension ng Python Ito ay kinakailangan para sa matalinong autocomplete at static type checking, na pumipigil sa mga error kahit bago pa man tumakbo ang programa. Para sa web development, Live na Server Malaking tulong ito, dahil awtomatiko nitong nire-refresh ang browser kapag nagse-save ng mga pagbabago.

  • Pangkalahatang Produktibidad: Mas maganda para magmukhang pino ang code at para malaman ng GitLens kung sino ang eksaktong lumabag sa aling linya ng code.
  • JavaScript at TypeScript: Ang ESLint ay para sa agarang pagtuklas ng mga syntax error at ang Quokka.js naman ay para sa pagsasagawa ng mga piraso ng code nang real time nang hindi binubuksan ang buong app.
  • AI at Awtomasyon: Ang GitHub Copilot o Tabnine, na kumikilos bilang isang copilot sa pamamagitan ng pagmumungkahi ng mga kumpletong linya ng code batay sa konteksto.
  Ang 7 Pinakamahusay na Software ng Imbentaryo

Pamamahala ng mga modernong kapaligiran at pag-deploy

Imposibleng magkaroon ng modernong pag-unlad nang walang Docker at Kubernetes. Nag-aalok ang VS Code ng mga extension na nagbibigay-daan pamahalaan ang mga container at microservices nang hindi kinakailangang i-type ang bawat command sa terminal. Ito ay lalong kapaki-pakinabang kapag nagde-debug ng mga web application na nakadepende sa isang partikular na database o isang kumplikadong configuration ng network na umiiral lamang sa loob ng isang container.

Gayundin, para sa mga nagtatrabaho gamit ang datos, ang integrasyon ng Mga notebook ng Jupyter Pinapayagan ka nitong paghaluin ang dokumentasyon at executable code, na ginagawang mas madali ang pag-debug ng mga algorithm ng pagsusuri ng datos nang paunti-unti. Kung gumagamit ka ng mga web framework tulad ng Django o Flask, may mga mga partikular na snippet na nagpapabilis sa paglikha ng mga ruta at modelo, na binabawasan ang dami ng paulit-ulit na code na kailangan mong isulat.

Ang pagkakaroon ng Visual Studio Code na naka-configure sa Linux, sinusuportahan ng mga AI extension, mga remote debugging tool, at wastong pamamahala ng release file, ay nagbabago sa karanasan sa programming. Mula sa pag-install sa pamamagitan ng mga .deb package hanggang sa paggamit ng WSL2 upang i-bridge ang Windows at Linux, ginagawang madali ng ecosystem ang pag-analisa, pag-debug, at pag-optimize ng parehong mga console application at ang pinakakumplikadong mga web service.