Jos ohjelmoit päivittäin, tiedät, että hyvin viritetty editori tekee eron tuottavan päivän ja turhautumisen festivaalin välillä. Visual Studio -koodista on tullut referenssieditori Kiitos sen suorituskyvyn, laajennusjärjestelmän ja valtavan yhteisön, joka luo jatkuvasti uusia työkaluja.
VS Coden todellinen taika ei ole pelkästään peruseditorissa, vaan sen ekosysteemissä. Sadat laajennukset lisäävät edistyneen automaattisen täydennyksen, lintterit, teemat, paikalliset palvelimet, virheenkorjauksen, kuvakkeet, Git-integraation, tekoälyn ja paljon muuta.Tästä oppaasta löydät kattavan kokoelman suositeltuja laajennuksia: kaikenlaisille kielille välttämättömistä laajennuksista JavaScriptiin, Pythoniin, PHP:hen, HTML/CSS:ään, TypeScriptiin ja päivittäiseen työskentelyyn Gitin, Dockerin tai Markdownin kanssa tarkoitettuihin laajennuksiin.
Mikä on VS Code ja miksi sen laajennukset ovat niin tärkeitä?
Visual Studio -koodi on ilmainen ja alustojen välinen koodieditori Microsoftin luoma, saatavilla Windowsille, macOS:lle ja Linuxille, ja on yksi parhaat kehitysympäristöt.
Se sisältää jo erittäin tehokkaita ominaisuuksia suoraan pakkauksesta: syntaksin korostus, IntelliSense, integroitu virheenkorjaus, pääte, Git-integraatio ja monien kielten perustukiMutta se todella lähtee käyntiin vasta, kun alat asentaa laajennuksia mukauttaaksesi ympäristön työskentelytapaasi.
VS Coden arkkitehtuuri on suunniteltu erittäin laajennettavaksi: käytännössä jokaista editorin osa-aluetta voidaan parantaa tai korvata, virheenkorjausjärjestelmästä teemoihin, kuvakkeisiin tai tietyn kielen automaattiseen täydennykseen.
Lisäksi ei ole vain yhtä VS-koodia: Voit käyttää virallista versiota tai avoimen lähdekoodin vaihtoehtoja, kuten VSCodiumiajotka poistavat telemetrian ja tietyt suljetut osat, mutta säilyttävät yhteensopivuuden useimpien laajennusten kanssa.
Laajennusten asentaminen ja hallinta VS Codessa
Laajennusten asentaminen VS Codeen on erittäin helppoa. Kaikki tehdään editorin omasta käyttöliittymästä.ilman, että tiedostoja tarvitsee ladata manuaalisesti.
Lisää uusia ominaisuuksia avaamalla editori ja siirtymällä laajennuspaneeliin (sivupalkissa oleva neliökuvake tai pikakuvake). Ctrl+Vaihto+X / Cmd+Vaihto+X MacOS). Sieltä voit hakea nimellä tai avainsanalla. sinua kiinnostava laajennus.
Kun löydät mielenkiintoisen laajennuksen, tarkista sen tiedot: Latausten, arvostelujen, yhteensopivuuden ja kuvakaappausten määräSe antaa hyvän kuvan siitä, kannattaako asentaa vai ei.
Suorita prosessi loppuun napsauttamalla asennuspainiketta. Useimmat laajennukset aktivoituvat välittömästiJotkin vaativat editori-ikkunan uudelleenlataamisen ja muutamat tarvitsevat lisämäärityksiä (esimerkiksi ne, jotka ovat riippuvaisia ulkoisista työkaluista, kuten ESLint, PHP Debug with Xdebug jne.).
Olennaiset yleiset laajennukset mihin tahansa projektiin
On olemassa joukko laajennuksia, jotka käytännössä jokaisen olisi pitänyt asentaa, riippumatta siitä, mitä kieltä tai ohjelmointikielipinoa he käyttävät. Ne keskittyvät tuottavuuteen, muotoiluun, yhteistyöhön, versionhallintaan ja käyttökokemukseen..
kauniimpi
kauniimpi on de facto vakiokoodin muotoilija JavaScriptin ja monien muiden kielten maailmassa se kirjoittaa koodisi automaattisesti uudelleen noudattaen tarkoin määriteltyjä tyylisääntöjä.
Se pystyy muotoilemaan JavaScript, TypeScript, JSX, TSX, JSON, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown, Vue, Angular ja paljon muuta. Ajatuksena on, että keskustelut siitä, käytetäänkö lainausmerkkejä, puolipisteitä vai ei, missä käytetään aaltosulkeita jne. katoavat, koska Koko projekti noudattaa samaa käytäntöä.
Voit käyttää oletusasetuksia tai luoda omia sääntöjä tiedostotyyppien avulla .prettierrcTavallinen asia on aktivoida muotoilu tallennettaessajotta joka kerta kun painat Ctrl+S:ää, koodi on puhdasta ja yhdenmukaista.
ESLint
Vaikka Prettier keskittyy koodiaspektiin, ESLint keskittyy laatuun ja hyviin käytäntöihinSe on yleisimmin käytetty linteri nykyaikaisissa JavaScript- ja TypeScript-projekteissa.
VS Coden ESLint-laajennus saa analyysin suoritettua taustalla kirjoittaessasi. Se näyttää virheet ja varoitukset suoraan koodissa.ongelmallisten viivojen korostaminen ja nopeiden korjausehdotusten tarjoaminen.
Voit käyttää yleisesti käytettyjä asetuksia, kuten Airbnb, Standard tai viralliset ESLint-suosituksettai määrittää omia sääntöjäsi projektiin mukauttamiseksi. Se on myös yhteensopiva Reactin, Vuen tai Node.js:n kaltaisten frameworkien laajennusten kanssa.
Parempia kommentteja
Suurissa projekteissa kommentit muuttuvat sekaviksi ja vaikeasti ymmärrettäviksi. Better Comments -ominaisuuden avulla voit luokitella kommentteja visuaalisesti käyttämällä värejä käyttämäsi etuliitteen mukaisesti.
Voit esimerkiksi antaa kommentteja, jotka ovat seuraavanlaisia KAIKKI, VAROITUS, TÄRKEÄ, KYSYMYSjne., jokaisella omalla tyylillään. Tämä helpottaa huomattavasti keskeneräisten tehtävien, kriittisten huomautusten tai keskeisten selitysten löytämistä koodia tarkasteltaessa.
Koodin oikeinkirjoituksen tarkistus
Vaikka se saattaa tuntua pieneltä yksityiskohdalta, Muuttujien nimien, kommenttien tai käyttöliittymätekstien kirjoitusvirheet näyttävät melko huonoilta.Koodi Oikeinkirjoituksen Tarkistin toimii koodin oikolukuna.
Analysoi tunnisteita, merkkijonoja ja kommentteja Merkitse epäilyttävät sanatSe tarjoaa ehdotuksia niiden korjaamiseksi. Sitä voidaan käyttää useilla kielillä, ja se on erittäin hyödyllinen, jos kirjoitat dokumentaatiota tai käyttäjälle näkyvää tekstiä koodin sisällä.
Virheellinen linssi
VS Code näyttää jo virheitä ja varoituksia, mutta joskus ne jäävät huomaamatta. Virhelinssi tekee niistä mahdottomia sivuuttaa näyttämällä diagnostiikkatiedot suoraan kyseisen rivin vieressä ja editorin reunuksessa.
Yhdellä silmäyksellä näet jossa virheet keskittyvät tiedostoonilman, että ongelmapaneelia tarvitsee avata. Suurissa projekteissa, joissa on paljon linttereitä ja analyysityökaluja, siitä on valtava apu sen varmistamisessa, ettei mitään jää huomaamatta.
coderunner
Jos haluat kokeilla pieniä koodinpätkiä kokoamatta kokonaista projektiaCode Runner on erittäin käytännöllinen. Sen avulla voit suorittaa koodia useista eri kielistä (JavaScript, Python, C, C++, Java, PHP ja paljon muuta) suoraan editorista.
Voit käynnistää nykyisen tiedoston tai vain valitun lohkon, tarkastella tulostetta integroidulla paneelilla tai itse VS Code -pääteohjelmassa ja mukauta kullekin kielelle käytettäviä komentoja.
Polku Intellisense
Kun työskentelet useiden resurssien, tuontien ja suhteellisten polkujen kanssa, niiden kirjoittaminen käsin on taattu virhe. Path Intellisense täydentää tiedosto- ja kansiopolut automaattisesti poluilla varustettuja merkkijonoja kirjoitettaessa.
Toimii JavaScript/TypeScript-tuonti, CSS-viittaukset, HTML-kuvapolut Ja yleisesti ottaen missä tahansa tilanteessa, jossa VS Code havaitsee sinun kirjoittavan reittiä. Se säästää aikaa ja välttää ärsyttävät kirjoitusvirheet.
vscode-icons, Material Icon -teema ja muut kuvakepaketit
Ikonit eivät ole vain estetiikkaa. Hyvän kuvaketeeman avulla voit tunnistaa tiedostotyypin välittömästi. vain katsomalla selainta.
vscode-icons, Material Icon -teema, VSCode Great Icons tai tietyt teemat, kuten VSCode yksinkertaisemmat kuvakkeet Angularilla Ne tarjoavat mukautettuja kuvakkeita kielille, kehyksille ja määritystiedostoille (Angular, Docker, env jne.).
Kummankin valitseminen on makuasia, mutta Mikä tahansa niistä parantaa merkittävästi tiedostopuun luettavuuttaetenkin yksittäisissä tai suurissa projekteissa.
GitLens
GitLens on luultavasti Tehokkain VS Coden laajennus Gitin kanssa työskentelyynSe vie versionhallinnan uudelle tasolle integroimalla historian täysin editoriin.
Antaa sinun nähdä kuka muutti kutakin riviä ja milloin (syyllinen), tiedoston historia, vertaile revisioita, tutki haaroja ja tunnisteitaja paljon muuta. Se näyttää myös koodiin liittyviä kontekstuaalisia merkintöjä, joissa on tietoja viimeisimmästä commitista.
Jos työskentelet tiimissä, on hienoa ymmärtää tiettyjen muutosten syyt, regressioiden tarkastelu ja koodin tarkistus poistumatta toimittajalta.
Live-jako
Pariohjelmointia tai etäohjausta varten Live Share on yksi parhaista asioista.Sen avulla voit jakaa VS Code -istuntosi toisen henkilön kanssa reaaliajassa.
Te molemmat voitte muokkaa samaa tiedostoa, debuggaa yhdessä, jaa päätteitä ja paikallisia palvelimia ja jopa avata integroidun chatin. Se sopii täydellisesti monimutkaisten virheiden vianmääritykseen tai opettamiseen jollekulle tietyn projektin työskentelyä.
JavaScriptin ja TypeScriptin erityislaajennukset
JavaScript- ja TypeScript-ekosysteemi on yksi VS Coden eniten hemmottelemista. Jos työskentelet frontend-, backend- tai full stack -kehityksessä Nodella, nämä laajennukset säästävät sinulta paljon aikaa..
JavaScript (ES6) -koodinpätkät
Samojen rakenteiden kirjoittaminen yhä uudelleen ja uudelleen on työlästä. JavaScript (ES6) -koodinpätkät lisäävät paljon koodinpätkiä moderniin syntaksiin JS:ltä ja TS:ltä.
Lyhyillä lyhenteillä voit luoda nuolifunktiot, luokat, tuonnit, console.log, silmukkarakenteet ja paljon muuta. Se on ihanteellinen vähemmän ulkoa opetteluun ja nopeampaan kirjoittamiseen.
npm IntelliSense ja npm-laajennus
Kun työskentelet useiden pakettien kanssa, tarkkojen nimien muistaminen ei ole hauskinta. npm Intellisense täydentää asennettujen moduulien nimet automaattisesti tuonnissasi ja tarpeissasi.
Samaan aikaan VS Coden virallinen npm-laajennus integroituu sovellukseesi. package.json skriptien listaamiseen ja suorittamiseen Yhdellä napsautuksella voit tarkastella riippuvuuksia ja hallita rutiinitehtäviä avaamatta päätettä.
Tuontihinta
Käyttöliittymän nipun koolla on paljon merkitystä. Tuontikustannukset laskee kunkin tuonnin likimääräisen koon ja näyttää sen vastaavan rivin vieressä.
Tällä tavoin tiedät heti, jos tuot kokonaisen jättimäisen kirjaston johonkin mitättömään asiaan, ja voit arvioida muutoksia, kuten käytä osittaisia tuonteja, laiskaa latausta tai kevyempiä vaihtoehtoja.
Quokka.js
Quokka.js toimii mm. Interaktiivinen muistio JavaScriptille ja TypeScriptille VS-koodin sisällä. Se suorittaa koodia sitä mukaa, kun kirjoitat sitä, ja näyttää tulokset ja muuttujien arvot tekstiin sisäisissä merkinnöissä.
Se on täydellinen testaa nopeita ideoita, tutustu uusiin API-rajapintoihin tai debugaa pieniä funktioita ilman, että koko projektia tarvitsee rakentaa tyhjästä. Siitä on saatavilla ilmainen versio erittäin hyödyllisillä ominaisuuksilla ja maksullinen versio lisäominaisuuksilla.
ES7 React/Redux/GraphQL/React-Native-koodinpätkät ja yksinkertaiset React-koodinpätkät
Jos työskentelet React-ekosysteemin kanssa, nämä kaksi laajennusta ovat puhdasta kultaa. ES7 React/Redux/GraphQL/React-Native -snippetit tarjoavat snippettejä komponenteille, hookseille, Reduxille, GraphQL:lle ja React Nativellekattaa lähes kaikki yleisimmät kuviot.
Simple React -koodinpätkät puolestaan keskittyvät pienempi joukko koodinpätkiä moderniin Reactiin (toiminnalliset komponentit, perustarvikkeet jne.), ihanteellinen, jos haluat jotain vähemmän ylivoimaista mutta yhtä tuottavaa.
JavaScript ja TypeScript Nightly
Jos haluat pysyä ajan tasalla kielenkäytöstä, JavaScript ja TypeScript Nightly antavat sinulle pääsyn TypeScript-kielipalvelimen yölliseen versioon. joka käyttää VS-koodia.
Tämä tarkoittaa uusia ominaisuuksia, suorituskyvyn parannuksia ja virheenkorjauksia ennen kuin ne saavuttavat vakaan version – ihanteellinen testaa uusia kieliominaisuuksia ja havaitse tulevat muutokset joka voi vaikuttaa koodiisi.
Python-laajennukset
Oikeilla laajennuksilla VS Code muuttuu Huippuluokan Python IDEJos teet backend-kehitystä, data scienceä tai automaatiota tällä kielellä, nämä ovat lähes pakollisia.
Python (virallinen laajennus)
Microsoftin virallinen Python-laajennus on tämän kielen kanssa työskentelyn kulmakivi VS CodessaIlman sitä tuki on hyvin rajallista.
tarjoaa IntelliSense, virheenkorjaus, testaus, integrointi virtuaaliympäristöihin, koodin muotoilu (Black, autopep8), lintting Pylintillä tai Flake8:lla ja monia muita olennaisia toimintoja.
Pylance
Pylance on edistynyt kielipalvelin Pythonille mikä parantaa virallista laajennusta entisestään. Se tarjoaa nopean staattisen analyysin, parannetun automaattisen täydennyksen ja erittäin yksityiskohtaisen tyyppitarkistuksen.
Jos käytät tyyppimerkintöjä tai haluat havaita virheet ennen koodin suorittamista, Pylance parantaa huomattavasti kehityskokemusta. keskisuurissa ja suurissa projekteissa.
jupyter
Jupyter-laajennus integroituu muistikirjat .ipynb suoraan VS CodessaVoit luoda, avata ja suorittaa soluja aivan kuten klassisessa Jupyterissa, mutta editorista.
Se on erityisen hyödyllinen data-analyysi, koneoppiminen, visualisointi ja nopea prototyyppien luominen, yhdistäen parhaat puolet muistikirjoista täysimittaisen editorin etuihin.
Pythonin dokumentaatiomerkkijonojen generaattori
Pythonin sisäinen dokumentaatio on yleensä docstring-muodossa. Pythonin dokumenttimerkkijonojen generaattori luo automaattisesti dokumenttimerkkijonon rungon funktioille, luokille ja metodeille.
Kun kirjoitat lainausmerkit, laajennus luo kuvaus-, parametri- ja paluuarvokentät funktion allekirjoitukseen perustuen, mikä kannustaa hyvin dokumentoituun koodiin olematta kuitenkaan niin työläs.
PHP ja taustajärjestelmän laajennukset
PHP on edelleen web-taustajärjestelmän tukipilari, ja VS Code on erittäin kypsä laajennusten ekosysteemi tälle kielelle.
PHP IntelliSense ja Intelephense
PHP IntelliSense oli yksi ensimmäisistä vakavasti otettavista automaattisen täydennyksen laajennuksista PHP:lle. Se tarjoaa Ehdotuksia funktioille, luokille, metodeille, nimiavaruuksille ja muuttujille, määritelmien perusnavigoinnin lisäksi.
PHP Intelephense menee askeleen pidemmälle: Erittäin nopea ja syvällinen analyysi, refaktorointi, referenssitutkimus, päivitetty tuki PHP 7:lle ja 8:lle ja paljon muuta. Jopa ilmainen versio on jo useimpia vaihtoehtoja parempi.
PHP DocBlocker
Jotta suurissa projekteissa ylläpidettäisiin asianmukaista dokumentaatiota, PHP DocBlocker luo DocBlock-kommentteja täydellinen funktioille, metodeille, luokille ja ominaisuuksille.
Kirjallisesti / ** funktiossa se täyttää automaattisesti parametrit ja paluutyypin, mikä kannustaa Dokumentoi sisäiset ja julkiset API:t asianmukaisesti.
säveltää
Composer on PHP:n riippuvuuksien hallinnan standardi. Vastaava laajennus integroituu VS Coden kanssa suorita yleisiä komentoja (asenna, päivitä, vaadi) paletista, automaattisen täydennyksen ja korostuksen lisäksi composer.json.
Tämä tekee siitä paljon mukavampaa hallita kirjastoja, kehyksiä ja skriptejä ilman jatkuvaa vaihtamista editorin ja terminaalin välillä.
PHP Debug
PHP:n virheenkorjauksessa var_dump:n avulla on oma viehätyksensä tiettyyn pisteeseen asti. PHP Debug lisää täydellisen Xdebugiin perustuvan debuggerin. VS-koodin sisällä.
Hänen kanssaan voit Aseta keskeytyspisteitä, tarkista muuttujat, käy koodi läpi askel askeleelta ja analysoida puhelupinoa. Alkuasetukset vaativat jonkin verran huolellisuutta, mutta kun ne on kerran määritetty, siitä tulee välttämätön työkalu.
HTML-, CSS- ja frontend-kehityksen laajennukset
Jos työskentelet verkon visuaalisen puolen parissa, on olemassa useita laajennuksia, jotka Ne muuttavat VS Coden erittäin mukavaksi ympäristöksi ulkoasulle ja tyylille..
Live-palvelin
Live-palvelin asentaa paikallinen kehityspalvelin automaattisella uudelleenlatauksella"Julkaise" -painikkeen napsauttaminen avaa sivustosi selaimessasi ja päivittää sivun aina, kun tallennat tiedoston.
Se on ihanteellinen Puhdas HTML, nopea prototyyppien luonti, staattinen asettelu ja yksinkertaiset käyttöliittymäprojektitjossa muutosten näkeminen välittömästi tekee kaiken eron.
HTML- ja CSS-tuki
Tämä laajennus parantaa HTML:n ja CSS:n välistä integraatiota. Se tarjoaa älykkään automaattisen täydennyksen tyylitiedostoissasi määritellyille luokille ja tunnisteille. kun kirjoitat HTML:ää, ja päinvastoin.
Se ehdottaa myös CSS-ominaisuuksia (mukaan lukien toimittajan etuliitteet) ja toimii loistavasti yhdessä Emmetin kanssa, mikä nopeuttaa huomattavasti taittotyönkulkua.
IntelliSense CSS-luokkien nimille ja Tailwind CSS IntelliSense
IntelliSense for CSS -luokkanimien analysoi CSS-, SCSS- tai Less-tiedostosi Tarjoa luokkanimien automaattinen täydennys HTML:ssäTämä on erityisen hyödyllistä, kun apuohjelmilla tai luokilla on pitkiä nimiä.
Jos käytät Tailwindia, Tailwind CSS IntelliSense menee askeleen pidemmälle ja tarjoaa Tailwind-apuohjelmakohtainen automaattinen täydennys, lintting ja tekstiin upotettu dokumentaatio, lähes välttämätöntä, jotta tämän viitekehyksen kanssa voi työskennellä mukavasti.
CSS Peek ja CSS Lint
CSS Peekin avulla voit tarkastella nopeasti luokan tai ID:n CSS-määritelmää ja siirtyä siihen HTML-koodista joko ponnahdusikkunassa tai avaamalla vastaava tiedosto.
CSS Lint toimii tyylitiedostojen lintterinä, merkintävirheet tai ongelmalliset kuviot (päällekkäiset ominaisuudet, tehottomat säännöt jne.), mikä auttaa ylläpitämään puhtaampaa ja helpommin ylläpidettävää CSS:ää.
Nimeä tunniste automaattisesti uudelleen ja korosta vastaava tunniste
Automaattinen uudelleennimeäminen hoitaa yksinkertaisen ja hyödyllisen asian: Kun muutat HTML- tai XML-elementin avaustagiä, se päivittää myös sulkevan tagin. automaattisesti, jotta ne eivät menetä synkronointiaan.
Korosta vastaavat tunnisteen kohokohdat tagin avaus-/loppupari, jossa kursori sijaitseeTämä on erittäin käytännöllistä suurissa tai sisäkkäisiä rakenteita sisäkkäisissä dokumenteissa.
Kuvan esikatselu, kuvan optimointi ja värien korostus
Kuvan esikatselu näyttää reitillä viitatun kuvan pikkukuva viemällä kohdistimen sen päälle tai reunukseen, mikä auttaa tarkistamaan polut oikein avaamatta tiedostoa erikseen.
Kuvan optimoija mahdollistaa pakkaa kuvia (häviöllisesti tai häviöttömästi) itse editorissa, jolloin resurssisi ovat valmiita tuotantoon ilman ulkoisia työkaluja.
Värikorostus korostaa värikoodit (heksadesimaali, RGB, HSL jne.) ja niiden todellinen väri taustana tai alleviivauksena, mikä helpottaa huomattavasti monimutkaisten palettien kanssa työskentelyä.
Lisätuottavuuden laajennukset, suunnittelu ja mukauttaminen
Puhtaiden kehitystyökalujen lisäksi on olemassa useita laajennuksia, jotka on suunniteltu mm. jotta arkesi olisi mukavampaa ja editorisi silmää miellyttävämpi.
VS Coden teemat
Teemat vaikuttavat suoraan visuaaliseen mukavuuteen. Joitakin suosituimpia ja suositelluimpia ovat: Violetin sävyt, materiaaliteema, yökyöpeli, horisontti, noktis tai tasainen monokai.
Jokaisella on oma persoonallisuutensa: kirkkaan tummia sävyjä, silmien rasitusta vähentäviä paletteja, vaaleita ja tummia sävyjä tai jopa… täysin yksivärisiä teemoja niille, jotka eivät halua mitään häiriötekijöitä.
Riikinkukko
Kun avaat useita projekteja kerralla, on helppo hämmentyä. Peacockin avulla voit muuttaa VS Code -ikkunan korostusväriä projektikohtaisestijotta yhdellä silmäyksellä näet, muokkaatko backendiä, frontendiä vai tiettyä mikropalvelua.
Se on yksinkertainen mutta uskomattoman hyödyllinen laajennus, jos Yleensä sinulla on useita työtiloja auki samanaikaisesti..
Sisennys-sateenkaari ja sateenkaarisulkeet
sisennyksen sateenkaaren värit sisennyssarakkeet eri sävyillä, mikä auttaa hahmottamaan koodirakenteen vaivattomasti.
Rainbow Brackets tekee jotain vastaavaa sulkeet, hakasulkeet ja aaltosulkeetmäärittämällä eri värin kullekin sisäkkäisyystasolle. Näiden kahden välillä puuttuvan sulkeen tai huonosti sisennetyn lohkon löytäminen on paljon helpompaa.
Todo-puu
Jos käytät kommentteja, kuten TODO, FIXME tai BUG, Todo Tree skannaa työtilasi ja luo kojelaudan, joka sisältää kaikki nämä merkinnät puun muotoon järjestettynä.
Sieltä voit navigoi suoraan koodin jokaiseen pisteeseen jossa on odottavia tehtäviä tai merkittyjä ongelmia, jolloin tehtävälistat muutetaan eräänlaiseksi minitehtävienhallinnaksi, joka on linkitetty tietovarastoon.
GitHub Copilot, Tabnine ja ChatGPT/AI
Tekoälypohjaiset automaattisen täydennyksen työkalut ovat tehneet vahvan läpimurron. GitHub Copilot ja Tabnine ehdottavat rivejä tai kokonaisia koodilohkoja kontekstin, aiempien testien tai kommenttien perusteella.
ChatGPT:n tai vastaavia malleja VS Codeen integroivat laajennukset mahdollistavat pyytää koodin selityksiä, refaktoroida funktioita tai luoda testejä poistumatta editorista. Ne vaativat API-avaimia, mutta kehitysapuvälineenä ne ovat erittäin tehokkaita, jos niitä käytetään harkiten.
Markdown All-in-One ja parannettu Markdown-esikatselu
Jos dokumentoit projekteja tai kirjoitat teknisiä artikkeleita, Markdown All in One lisää oikopolkuja, parannetun esikatselun, indeksin luomisen ja muita mukavuuksia työskentelemään Markdownin kanssa.
Yhdessä GitHub-tyylisten esikatselulaajennusten kanssa saat kirjoituskokemus, joka on hyvin lähellä sitä, miltä README-tiedostosi tai artikkelisi näyttävät myöhemmin verkossa
Docker, etä-SSH ja etä-WSL
Ammattimaisissa ympäristöissä on hyvin yleistä työskennellä konttien tai etäkoneiden kanssa. Virallinen Docker-laajennus mahdollistaa kuvien, säilöjen, verkkojen ja levyjen hallinnan. sivupalkista, ja se helpottaa myös säilöjen sisäistä virheenkorjausta.
Etä-SSH ja etä-WSL antavat sinun Avaa etäkansioita tai Linux-ympäristöjä (WSL) ikään kuin ne olisivat paikallisia projekteja, suorittamalla komentoja ja debugaamalla suoraan paikan päällä, mutta VS Code -käyttöliittymän kätevyyden avulla.
Kun kaikki nämä laajennukset on valittu ja määritetty hyvin, Visual Studio Code muuttuu yksinkertaisesta kevyestä editorista Mukautettu kehitysympäristö, joka on räätälöity pinoosi, työskentelytapaasi ja projekteihisi.Tasapainon löytäminen sen välillä, ettei ohjelmaa kuormiteta liikaa, ja että käytettävissä on vain tarvittavat työkalut, on avainasemassa päivittäisen ohjelmoinnin nopeuden, mukavuuden ja laadun saavuttamisessa.
