VS Code praktiline juhend: tõhusate arendajate jaoks vajalikud nipid ja tööriistade soovitused

Visual Studio Code (VS Code) on tasuta, avatud lähtekoodiga ja platvormideülene koodiredaktor, mis on arendajate seas väga populaarne. Sellel on võimsad funktsioonid, rikkalik laienduste ökosüsteem ning lihtne ja hõlpsasti kasutatav liides. See artikkel koondab hiljutiste X/Twitteri arutelude põhjal VS Code'i praktilised näpunäited ja tööriistade soovitused, et aidata teil arendustõhusust suurendada.

Mis teeb VS Code'i nii atraktiivseks?

X/Twitteri aruteludest näeme arendajate entusiasmi VS Code'i vastu. @@freeCodeCamp on korduvalt maininud VS Code'i populaarsust ja tasuta kasutamist, rõhutades selle pakutavaid rikkalikke funktsioone. @@chomado jagas oma lemmikredaktorit ja soovitas esiotsa inseneridele laiendusfunktsioone.

Kokkuvõtteks on VS Code'i peamised eelised järgmised:

• Tasuta ja avatud lähtekoodiga: Igaüks saab seda tasuta kasutada ja osaleda kogukonna arenduses.
• Platvormideülene: Toetab mitmesuguseid operatsioonisüsteeme, nagu Windows, macOS, Linux jne.
• Kerge: Kiire käivituskiirus ja madal ressursikasutus.
• Võimas laienduste ökosüsteem: Laienduste installimisega saab VS Code'i funktsioone täiustada, et rahuldada erinevaid arendusvajadusi.
• Sisseehitatud silumistööriistad: Toetab mitmesuguste programmeerimiskeelte silumist, mis võimaldab arendajatel kiiresti probleeme tuvastada ja lahendada.
• Git integratsioon: Mugav arendajatele versioonikontrolli teostamiseks.
• Intelligentne vihje: Pakub koodi lõpetamise, süntaksi kontrollimise ja muid funktsioone, et parandada kodeerimise efektiivsust.

VS Code praktilised näpunäited: suurendage oma arendustõhusust

1. Õppige kiirklahve: VS Code pakub rikkalikke kiirklahve, nende valdamine võib oluliselt parandada arendustõhusust. Siin on mõned levinumad kiirklahvid:

   • Ctrl+Shift+P (Windows/Linux) / Cmd+Shift+P (macOS): avab käsupaneeli. See on VS Code'i üks põhifunktsioone, käsupaneeli kaudu saab teostada erinevaid toiminguid.
   • Ctrl+P (Windows/Linux) / Cmd+P (macOS): avab kiiresti faili.
   • Ctrl+Shift+O (Windows/Linux) / Cmd+Shift+O (macOS): hüppab kiiresti sümbolile (funktsioon, klass jne).
   • Ctrl+Shift+F (Windows/Linux) / Cmd+Shift+F (macOS): globaalne otsing.
   • Ctrl+D (Windows/Linux) / Cmd+D (macOS): valib järgmise vaste. Saab sama teksti korraga redigeerida.
   • Alt+Shift+Down/Up (Windows/Linux) / Option+Shift+Down/Up (macOS): kopeerib praeguse rea järgmisele/eelmisele reale.
   • Ctrl+/ (Windows/Linux) / Cmd+/ (macOS): kommenteerib/eemaldab kommentaari praeguselt realt või valitud koodiplokilt.
   • Alt+Up/Down (Windows/Linux) / Option+Up/Down (macOS): liigutab praegust rida või valitud koodiplokki üles/alla.
   • Ctrl+K Ctrl+S: avab klaviatuuri otseteede seadete liidese, kus saab vaadata ja kohandada otseteid.

2. Kasutage käsupaneeli: Käsupaneeli saab avada Ctrl+Shift+P / Cmd+Shift+P kaudu, et teostada erinevaid toiminguid, näiteks:

   • Settings: avab seadete liidese.
   • Extensions: Install Extension: installib laienduse.
   • Git: Commit: esitab Giti muudatuse.
   • Format Document: vormindab praeguse dokumendi.
   • Go to Symbol in Workspace: hüppab kiiresti tööruumi sümbolile.

3. Kohandatud seaded: VS Code võimaldab kasutajatel kohandada erinevaid seadeid, sealhulgas teemasid, fonte, taandeid jne. Seadete liidese avamiseks saate kasutada File -> Preferences -> Settings või redigeerida otse faili settings.json.

   • Teema: oma lemmikteema valimine võib parandada kodeerimise mugavust.
   • Font: sobiva fondi valimine võib parandada koodi loetavust. Soovitatav on kasutada ühelaiuselisi fonte, näiteks Fira Code, JetBrains Mono jne.
   • Taane: määrake taane vastavalt projekti spetsifikatsioonidele, saate kasutada tühikuid või Tab-klahvi.
   • Automaatne salvestamine: automaatse salvestamise funktsiooni sisselülitamine võib vältida koodi kaotamist salvestamise unustamise tõttu.

4. Koodilõikude (Code Snippets) kasutamine: koodilõigud aitavad teil kiiresti sisestada tavalisi koodiplokke. VS Code'il on mõned sisseehitatud tavalised koodilõigud ja saate ka kohandada koodilõike.

   • Avage käsupaneel, sisestage Preferences: Configure User Snippets, valige keel, mida soovite redigeerida, ja seejärel saate koodilõike redigeerida.
   • Näiteks saate JavaScripti jaoks luua clog koodilõigu, et kiiresti sisestada console.log():

   "Print to console": {
       "prefix": "clog",
       "body": [
           "console.log('$1');",
           "$2"
       ],
       "description": "Log output to console"
   }
   

5. Mitme kursori redigeerimise kasutamine: hoidke all klahvi Alt (Windows/Linux) / Option (macOS) ja seejärel klõpsake hiirega, et luua mitmesse kohta kursorid ja redigeerida samaaegselt mitut koodirida. Samuti saate kasutada Ctrl+D / Cmd+D, et valida järgmine vaste ja teostada mitme kursori redigeerimist.

6. Redaktori jagamine: saate redaktori jagada mitmeks aknaks, et vaadata ja redigeerida samaaegselt mitut faili. Redaktori jagamiseks saate kasutada käsku View -> Editor Layout -> Split Editor.

7. Kaugtöötlus: VS Code pakub Remote Development laiendust, mis võimaldab teil redigeerida kohapeal kaugtöötlusserveris olevat koodi. See on serveripoolsete rakenduste arendamiseks väga kasulik.

8. VS Code'i kasutamine brauseris: nagu @@Prathkum märkis, saate VS Code'i otse brauseris kasutada, külastades vscode.dev, mis on mugav ja kiire. See on väga kasulik ajutiseks redigeerimiseks või seadmetes töötamiseks, kuhu pole VS Code'i installitud. @@CompuIvesi töö on seda veelgi täiustanud, ta on edukalt pannud VS Code'i otse brauseris tööle ja ühendanud selle CodeSandboxi API-ga.

VS Code'i tööriistade soovitused: looge oma eksklusiivne IDE

VS Code'i tugevus seisneb selle rikkalikus laienduste ökosüsteemis. Siin on mõned tavalised laienduste soovitused:

• Prettier: koodi vormindamise tööriist, mis saab koodi automaatselt vormindada, et säilitada ühtlane koodistiil.

  ext install esbenp.prettier-vscode
  

• ESLint: JavaScripti koodi kontrollimise tööriist, mis saab kontrollida koodis vigu ja potentsiaalseid probleeme.

  ext install dbaeumer.vscode-eslint
  ```*   **EditorConfig for VS Code:** Tööriist, mis aitab säilitada koodistiili ühtsust erinevate redaktorite vahel.
  
  ```shell
  ext install EditorConfig.EditorConfig
  

• Live Server: Kiire viis kohaliku serveri käivitamiseks, et hõlbustada esiotsa koodi silumist. @@ThreatSynop mainis Live Server'i turvaauku, tuletades arendajatele meelde, et laiendi kasutamisel tuleb olla ettevaatlik.

  ext install ritwickdey.LiveServer
  

• Code Runner: Toetab mitmete programmeerimiskeelte käitamist, et hõlbustada koodilõikude kiiret testimist. Samuti, @@ThreatSynop tõi välja Code Runner'i turvaaugu.

  ext install formulahendry.code-runner
  

• GitLens: Git'i funktsionaalsust täiustav laiendus, mis võimaldab vaadata koodi esitamise ajalugu, autoriinfot jne.

  ext install eamodio.gitlens
  

• Bracket Pair Colorizer: Värvib sulgude paarid, et hõlbustada koodistruktuuri vaatamist.

  ext install CoenraadS.bracket-pair-colorizer-2
  

• IntelliCode: (Pakub Microsoft) AI-põhine koodi lõpetamise abi, mis pakub konteksti põhjal intelligentsemaid koodisoovitusi.

  ext install visualstudioexptteam.vscodeintellicode
  

• VS Code Copilot: (Pakub GitHub, tasuline) AI koodiassistent, mis saab genereerida koodilõike, funktsioone või isegi terveid faile vastavalt teie koodile. @@aadhilkh mainis VS Code Copiloti kasutamise kõrget kuluefektiivsust.

• Markdown Preview Enhanced: Parem Markdown eelvaate plugin. @@ThreatSynop juhtis samuti tähelepanu selle pistikprogrammi turvaprobleemidele, millega tuleb arvestada.

  ext install shd101wyy.markdown-preview-enhanced
  

• Remote Development 扩展包: Sisaldab SSH, Containers, WSL jne laiendusi, et hõlbustada kaugtööd.

LLM-i ja VS Code'i integreerimise kohta

X/Twitteris on olnud ka arutelusid LLM-i ja VS Code'i integreerimise kohta. @@akshay_pachaar jagas meetodit LLM-i treenimiseks VS Code'is. @@MacopeninSUTABA mainis Anthropicu AI kodeerimisagendi "Claude Code" integreerimist VS Code'iga. Need kõik ennustavad, et AI mängib tulevases arenduses üha olulisemat rolli.

Turvalisuse näpunäited

Nagu @@ThreatSynop mainis, on mõnel VS Code'i laiendusel turvaauke, mis võivad põhjustada failivargust ja koodi kaugkäivitamist. Seetõttu pöörake laienduste kasutamisel tähelepanu järgmistele punktidele:

• Valige ametlikud või hea mainega laiendused.
• Uuendage laiendusi regulaarselt.
• Lugege hoolikalt läbi laienduse õiguste kirjeldus.
• Installige koodikontrolli tööriistad, näiteks ESLint, mis aitavad teil tuvastada koodis potentsiaalseid probleeme.
• Jälgige VS Code'i ja laienduste turvateateid ning parandage haavatavused õigeaegselt.## Kokkuvõte

VS Code on võimas koodiredaktor, millel on palju praktilisi nippe ja rikkalik laienduste ökosüsteem, mis aitab arendajatel arendustõhusust parandada. Kiirklahvide valdamise, kohandatud sätete, koodilõikude kasutamise ja sobivate laienduste installimise abil saate VS Code'ist kujundada oma isikliku IDE. Samal ajal pöörake tähelepanu ka turvalisusele, valige ametlikud või hea mainega laiendused ja värskendage laiendusi regulaarselt. Loodetavasti on see artikkel teile abiks!