*** # Paggamit ng Code Editor: Pag-master sa [VSCode.dev](https://vscode.dev) **Maligayang Pagdating!** Ang araling ito ay magdadala sa iyo mula sa mga pangunahing kaalaman hanggang sa advanced na paggamit ng [VSCode.dev](https://vscode.dev)—isang makapangyarihang, web-based na code editor. Matutunan mong mag-edit ng code nang may kumpiyansa, mag-manage ng mga proyekto, mag-track ng mga pagbabago, mag-install ng mga extension, at makipagtulungan na parang isang propesyonal—lahat mula sa iyong browser, nang walang kinakailangang pag-install. *** ## Mga Layunin sa Pag-aaral Sa pagtatapos ng araling ito, magagawa mo ang: - Epektibong paggamit ng code editor sa anumang proyekto, kahit saan - Walang kahirap-hirap na pag-track ng iyong trabaho gamit ang built-in na version control - Pag-personalize at pagpapahusay ng iyong workflow sa pag-develop gamit ang mga customizations at extension ng editor *** ## Mga Kinakailangan Para makapagsimula, **mag-sign up para sa libreng [GitHub](https://github.com) account**, na magpapahintulot sa iyo na mag-manage ng mga code repository at makipagtulungan sa buong mundo. Kung wala ka pang account, [gumawa ng isa dito](https://github.com/). *** ## Bakit Gumamit ng Web-based na Code Editor? Ang **code editor** tulad ng VSCode.dev ay ang iyong command center para sa pagsusulat, pag-edit, at pag-manage ng code. Sa intuitive na interface, maraming features, at agarang access sa pamamagitan ng browser, maaari kang: - Mag-edit ng mga proyekto sa anumang device - Iwasan ang abala ng pag-install - Makipagtulungan at mag-contribute agad-agad Kapag komportable ka na sa VSCode.dev, handa ka nang harapin ang mga coding task mula kahit saan, anumang oras. *** ## Pagsisimula sa VSCode.dev Pumunta sa **[VSCode.dev](https://vscode.dev)**—walang install, walang downloads. Ang pag-sign in gamit ang GitHub ay magbubukas ng buong access, kabilang ang pag-sync ng iyong mga setting, extension, at repository. Kung may prompt, ikonekta ang iyong GitHub account. Pagkatapos mag-load, ganito ang hitsura ng iyong workspace: , ⚙️ (Settings), mga file, source control, atbp. - **Sidebar:** Nagbabago ang context batay sa activity bar icon na napili (default sa *Explorer* para ipakita ang mga file). - **Editor/code area:** Ang pinakamalaking seksyon sa kanan—kung saan mo aktwal na ie-edit at titingnan ang code. I-click ang mga icon para tuklasin ang mga feature, ngunit bumalik sa _Explorer_ para manatili sa iyong lugar. *** ## Pagbukas ng GitHub Repository ### Paraan 1: Mula sa Editor 1. Pumunta sa [VSCode.dev](https://vscode.dev). I-click ang **"Open Remote Repository."** .  at pindutin ang Enter. Kapag matagumpay, makikita mo ang buong proyekto na naka-load at handa nang i-edit! *** ### Paraan 2: Agad-agad sa pamamagitan ng URL Palitan ang anumang GitHub repo URL para direktang mabuksan sa VSCode.dev sa pamamagitan ng pagpapalit ng `github.com` sa `vscode.dev/github`. Halimbawa: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` Ang feature na ito ay nagpapabilis ng pag-access sa ANUMANG proyekto. *** ## Pag-edit ng Mga File sa Iyong Proyekto Kapag bukas na ang iyong repo, maaari mong: ### 1. **Gumawa ng Bagong File** - Sa *Explorer* sidebar, pumunta sa nais mong folder o gamitin ang root. - I-click ang _‘New file ...’_ icon. - Pangalanan ang iyong file, pindutin ang **Enter**, at agad na lilitaw ang iyong file.  at mga binura (pula).  *** ## Karagdagang Pag-aaral at Sariling Pagsisiyasat - Maghukay nang mas malalim gamit ang [opisyal na VSCode Web Docs](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Tuklasin ang mga advanced na feature ng workspace, keyboard shortcuts, at mga setting. *** **Ngayon handa ka nang mag-code, gumawa, at makipagtulungan—mula kahit saan, sa anumang device, gamit ang VSCode.dev!** --- **Paunawa**: Ang dokumentong ito ay isinalin gamit ang AI translation service na [Co-op Translator](https://github.com/Azure/co-op-translator). Bagama't sinisikap naming maging tumpak, mangyaring tandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa kanyang katutubong wika ang dapat ituring na opisyal na sanggunian. Para sa mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na dulot ng paggamit ng pagsasaling ito.