VS kodo konfigūravimas su rekomenduojamais plėtiniais

  • „VS Code“ veikia didžiulėje plėtinių ekosistemoje, apimančioje produktyvumą, kodo kokybę, derinimą ir pritaikymą.
  • „Prettier“, „ESLint“, „GitLens“, „Live Server“, „Live Share“ ir konkrečioms kalboms skirti linteriai yra beveik nepakeičiami daugumoje projektų.
  • Specializuoti „JavaScript“ / „TypeScript“, „Python“, PHP ir front-end plėtiniai paverčia „VS Code“ kiekvienam stekui pritaikyta IDE.
  • Temos, piktogramos, dirbtinio intelekto įrankiai ir vaizdinės priemonės pagerina kasdienę patirtį ir padeda patogiau tvarkyti didelius projektus.

VS kodo plėtiniai

Jei programuojate kasdien, žinosite, kad gerai suderintas redaktorius yra lemiamas veiksnys, ar diena bus produktyvi, ar kupina nusivylimų. „Visual Studio“ kodas tapo nuorodų redaktoriumi Dėl savo našumo, plėtinių sistemos ir didžiulės bendruomenės, kuri nuolat kuria naujus įrankius.

Tikroji VS Code magija slypi ne tik baziniame redaktoriuje, bet ir jo ekosistemoje. Šimtai plėtinių prideda patobulintą automatinį užbaigimą, sąsajas, temas, vietinius serverius, derinimo funkcijas, piktogramas, „Git“ integraciją, dirbtinį intelektą ir daug daugiau.Šiame vadove rasite labai išsamią rekomenduojamų plėtinių kolekciją: nuo ​​pagrindinių bet kuriai kalbai iki tų, kurie skirti konkrečiai „JavaScript“, „Python“, PHP, HTML/CSS, „TypeScript“ ir kasdieniam darbui su „Git“, „Docker“ ar „Markdown“.

Kas yra VS Code ir kodėl jo plėtiniai yra tokie svarbūs?

„Visual Studio“ kodas yra nemokamas ir kelių platformų kodo redaktorius Sukūrė „Microsoft“, galima naudoti „Windows“, „macOS“ ir „Linux“ ir yra tarp jų geriausios kūrimo aplinkos.

Jame jau yra labai galingų funkcijų iš karto išpakavus: sintaksės paryškinimas, „IntelliSense“, integruotas derinimas, terminalas, „Git“ integracija ir pagrindinis daugelio kalbų palaikymasTačiau tikrasis įsibėgėjimas prasideda tada, kai pradedate diegti plėtinius, kurie pritaiko aplinką prie jūsų darbo būdo.

VS kodo architektūra sukurta taip, kad būtų lengvai išplečiama: praktiškai kiekvieną redaktoriaus aspektą galima patobulinti arba pakeisti, nuo derinimo sistemos iki temų, piktogramų ar automatinio užbaigimo konkrečiai kalbai.

Be to, yra ne vienas VS kodas: Galite naudoti oficialią versiją arba atvirojo kodo alternatyvas, pvz., „VSCodium“.kurie pašalina telemetriją ir tam tikras patentuotas dalis, tačiau išlaiko suderinamumą su dauguma plėtinių.

VS Code konfigūracija su plėtiniais

Kaip įdiegti ir valdyti plėtinius VS Code

Plėtinių diegimas VS Code yra labai paprastas. Viskas atliekama paties redaktoriaus sąsajoje.nereikės rankiniu būdu atsisiųsti failų.

Norėdami pridėti naujų funkcijų, atidarykite redaktorių ir eikite į plėtinių skydelį (kvadratinė piktograma šoninėje juostoje arba spartusis klavišas). Ctrl+Shift+X / Cmd+Shift+X „macOS“). Iš ten ieškokite pagal pavadinimą arba raktinį žodį. jus dominantis plėtinys.

Radę įdomų plėtinį, patikrinkite jo informacijos lapą: Atsisiuntimų, apžvalgų, suderinamumo ir ekrano kopijų skaičiusTai suteiks jums gerą supratimą, ar verta jį įdiegti, ar ne.

Norėdami užbaigti procesą, tiesiog spustelėkite diegimo mygtuką. Dauguma plėtinių suaktyvinami akimirksniuKai kuriems reikia iš naujo įkelti redaktoriaus langą, o keliems – papildomai konfigūruoti (pavyzdžiui, tiems, kurie priklauso nuo išorinių įrankių, tokių kaip ESLint, PHP Debug su Xdebug ir kt.).

Esminiai bendrieji bet kokio projekto plėtiniai

Yra plėtinių rinkinys, kurį turėtų įdiegti praktiškai kiekvienas, nepriklausomai nuo naudojamos kalbos ar programų paketo. Jie daugiausia dėmesio skiria produktyvumui, formatavimui, bendradarbiavimui, versijų kontrolei ir vartotojo patirčiai..

Gražiau

Gražiau yra de facto standartinis kodo formatuotojas „JavaScript“ ir daugelio kitų kalbų pasaulyje jis automatiškai perrašo jūsų kodą pagal tiksliai apibrėžtas stiliaus taisykles.

Jis gali formatuoti JavaScript, TypeScript, JSX, TSX, JSON, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown, Vue, Angular ir daug daugiau. Idėja yra ta, kad diskusijos apie tai, ar naudoti viengubas, ar dvigubas kabutes, kabliataškius, kur naudoti skliaustus ir pan., išnyks, nes Visas projektas vykdomas pagal tą pačią konvenciją.

Galite naudoti numatytuosius nustatymus arba sukurti savo taisykles naudodami failų tipus .gražesnisrcĮprasta yra aktyvuoti formatavimas išsaugantkad kiekvieną kartą paspaudus Ctrl+S kodas būtų švarus ir nuoseklus.

ESLint

Nors „Prettier“ daugiausia dėmesio skiria kodo aspektui, „ESLint“ daugiausia dėmesio skiria kokybei ir gerosioms praktikomsTai plačiausiai naudojamas linteris šiuolaikiniuose „JavaScript“ ir „TypeScript“ projektuose.

„ESLint“ plėtinys, skirtas „VS Code“, leidžia analizei vykdyti fone, kol rašote. Jis rodo klaidas ir įspėjimus tiesiai kode.išryškinant problemines linijas ir pateikiant greitus pasiūlymus, kaip jas ištaisyti.

Galite naudoti plačiai naudojamas konfigūracijas, pvz. „Airbnb“, „Standard“ arba oficialios „ESLint“ rekomendacijosarba apibrėžkite savo taisykles, kad pritaikytumėte jas projektui. Jis taip pat suderinamas su tokių sistemų kaip „React“, „Vue“ ar „Node.js“ papildiniais.

Geresni komentarai

Dideliuose projektuose komentarai tampa painiava, kurią sunku sekti. „Better Comments“ leidžia vizualiai suskirstyti komentarus į kategorijas naudodami spalvas pagal jūsų naudojamą prefiksą.

Pavyzdžiui, galite turėti tokio tipo komentarus VISI, ĮSPĖJIMAS, SVARBU, KLAUSIMASir kt., kiekvienas su savo stiliumi. Tai leidžia daug lengviau rasti laukiančias užduotis, svarbias pastabas ar svarbius paaiškinimus peržiūrint kodą.

Kodo rašybos tikrintuvas

Nors tai gali atrodyti kaip smulkmena, Kintamųjų pavadinimuose, komentaruose ar sąsajos tekste esančios rašybos klaidos atrodo gana blogai.Kodo rašybos tikrintuvas veikia kaip kodo rašybos tikrintuvas.

Analizuoja identifikatorius, eilutes ir komentarus Pažymėkite įtartinus žodžiusJame pateikiami pasiūlymai, kaip juos ištaisyti. Jį galima naudoti su keliomis kalbomis ir jis labai naudingas, jei rašote dokumentaciją arba vartotojui matomą tekstą kode.

Klaidos objektyvas

„VS Code“ jau rodo klaidas ir įspėjimus, tačiau kartais jie lieka nepastebėti. „Error Lens“ neleidžia jų ignoruoti diagnostinės informacijos rodymas tiesiai šalia paveiktos eilutės ir redaktoriaus paraštėje.

Iš pirmo žvilgsnio pamatysite kur klaidos sutelktos faileneatidarant problemų skydelio. Dideliuose projektuose su daugybe sąsajų ir analizės įrankių tai labai padeda užtikrinti, kad niekas neliktų nepastebėta.

coderunner

Jei mėgstate pabandyti maži kodo fragmentai nesurenkant viso projekto„Code Runner“ yra labai praktiškas įrankis. Jis leidžia paleisti kodą iš kelių kalbų („JavaScript“, „Python“, C, C++, „Java“, PHP ir kt.) tiesiai iš redaktoriaus.

Galite paleisti dabartinį failą arba tik pasirinktą bloką, peržiūrėti išvestį integruotame skydelyje arba pačiame „VS Code“ terminale ir tinkinkite kiekvienai kalbai naudojamas komandas.

Path IntelliSense

Dirbant su daugybe išteklių, importų ir santykinių kelių, jų rašymas ranka yra garantuota klaida. „Path Intellisense“ automatiškai užbaigia failų ir aplankų kelius rašant eilutes su keliais.

Veikia toliau „JavaScript“ / „TypeScript“ importavimas, CSS nuorodos, HTML vaizdų keliai Ir apskritai bet kuriame kontekste, kai „VS Code“ aptinka, kad rašote maršrutą. Tai taupo laiką ir padeda išvengti erzinančių rašybos klaidų.

„vscode-icons“, „Material Icon“ tema ir kiti piktogramų paketai

Piktogramos yra ne tik estetikos klausimas. Gera piktogramų tema leidžia akimirksniu nustatyti failo tipą. tiesiog pažiūrėjus į naršyklę.

„VScode“ piktogramos, medžiagų piktogramų tema, puikios „VSCode“ piktogramos arba konkrečios temos, pvz. VSCode paprastesnės piktogramos su Angular Jie teikia pasirinktines piktogramas kalboms, karkasams ir konfigūracijos failams („Angular“, „Docker“, „env“ ir kt.).

Pasirinkti vieną ar kitą – skonio reikalas, bet... Bet kuris iš jų žymiai pagerina failų medžio skaitomumąypač vieno vieneto ar dideliuose projektuose.

GitLens

„GitLens“ tikriausiai yra Galingiausias plėtinys darbui su „Git“ iš „VS Code“Tai pakelia versijų kontrolę į kitą lygį, visiškai integruojant istoriją redaktoriuje.

Leidžia pamatyti kas ir kada pakeitė kiekvieną eilutę (kaltininkas), failo istorija, palyginkite versijas, tyrinėkite šakas ir žymasir daug daugiau. Taip pat rodomi kontekstiniai kodo komentarai su informacija apie paskutinį įvykį.

Jei dirbi komandoje, nuostabu suprasti tam tikrų pakeitimų priežastis, peržiūrėti regresijas ir atlikti kodo peržiūrą neišeidamas iš redaktoriaus.

Dalintis gyvai

Poriniam programavimui arba nuotoliniam mentoravimui, Tiesioginis bendrinimas yra vienas geriausių dalykų.Tai leidžia jums bendrinti savo VS Code sesiją su kitu asmeniu realiuoju laiku.

Jūs abu galite redaguoti tą patį failą, kartu derinti, bendrinti terminalus ir vietinius serverius ir netgi atidaryti integruotą pokalbių langą. Tai puikiai tinka sudėtingoms klaidoms šalinti arba mokyti ką nors, kaip dirbti su konkrečiu projektu.

VS Code Gražesnis plėtinys

Specialūs „JavaScript“ ir „TypeScript“ plėtiniai

„JavaScript“ ir „TypeScript“ ekosistema yra viena labiausiai „VS Code“ lepinamų. Jei dirbate su „frontend“, „backend“ su „Node“ arba su „full steck“ programavimu, šie plėtiniai sutaupys jums daug valandų..

„JavaScript“ (ES6) kodo fragmentai

Rašyti tas pačias struktūras vėl ir vėl yra varginantis darbas. „JavaScript“ (ES6) kodo fragmentai prideda daugybę fragmentų šiuolaikinei sintaksei iš JS ir TS.

Naudodami trumpus sutrumpinimus galite generuoti rodyklių funkcijos, klasės, importavimas, console.log, ciklo struktūros ir daug daugiau. Tai idealiai tinka norint mažiau įsiminti ir greičiau spausdinti.

npm IntelliSense ir npm plėtinys

Kai dirbi su daugybe paketų, tikslių pavadinimų prisiminimas nėra pats smagiausias. „npm Intellisense“ automatiškai užbaigia įdiegtų modulių pavadinimus jūsų importe ir reikalavimuose.

Tuo tarpu oficialus „npm“ plėtinys, skirtas „VS Code“, integruojasi su jūsų package.json, skirtas scenarijų sąrašui ir vykdymui Vienu spustelėjimu peržiūrėkite priklausomybes ir valdykite įprastas užduotis neatidarydami terminalo.

Importo kaina

Paketo dydis priekinėje dalyje yra labai svarbus. Importo kaina apskaičiuoja apytikslį kiekvieno importo dydį ir rodo jį šalia atitinkamos eilutės.

Tokiu būdu iš karto sužinosite, ar dėl kažko nereikšmingo įtraukiate visą milžinišką biblioteką, ir galėsite įvertinti tokius pakeitimus kaip naudoti dalinį importą, vėlyvą įkėlimą arba lengvesnes alternatyvas.

Quokka.js

„Quokka.js“ veikia kaip Interaktyvi užrašų knygelė, skirta „JavaScript“ ir „TypeScript“ „VS Code“ viduje. Jis vykdo kodą jį rašant ir rodo rezultatus bei kintamųjų reikšmes eilutės anotacijose.

Tai puikiai tinka išbandyti greitas idėjas, suprasti naujas API arba derinti mažas funkcijas nereikės kurti viso projekto nuo nulio. Yra nemokama versija su labai naudingomis funkcijomis ir mokama versija su papildomais priedais.

ES7 „React“ / „Redux“ / „GraphQL“ / „React“ – natyvūs fragmentai ir paprasti „React“ fragmentai

Jei dirbate su „React“ ekosistema, šie du plėtiniai yra grynas auksas. ES7 React/Redux/GraphQL/React-Native fragmentai siūlo fragmentus komponentams, kabliukams, Redux, GraphQL ir React Native.apimantis beveik visus įprastus modelius.

Kita vertus, „Simple React“ fragmentai sutelkia dėmesį į mažesnis fragmentų rinkinys šiuolaikiniam „React“ (funkciniai komponentai, pagrindiniai importuojami elementai ir kt.), idealiai tinka, jei norite kažko mažiau sudėtingo, bet ne mažiau produktyvaus.

„JavaScript“ ir „TypeScript“ naktimis

Jei norite neatsilikti nuo kalbos žinių, „JavaScript“ ir „TypeScript Nightly“ suteikia prieigą prie naktinės „TypeScript“ kalbos serverio versijos. kuris naudoja VS kodą.

Tai reiškia naujas funkcijas, našumo patobulinimus ir klaidų ištaisymus prieš pasiekiant stabilią versiją – idealiai tinka išbandyti naujas kalbos funkcijas ir aptikti būsimus pakeitimus kurie gali paveikti jūsų kodą.

„JavaScript“ (ES6) kodo fragmentai

Python plėtiniai

VS kodas su tinkamais plėtiniais tampa Aukščiausios klasės Python IDEJei šia kalba atliekate vidinio programavimo (backend) kūrimą, duomenų mokslą ar automatizavimą, tai yra beveik privaloma.

Python (oficialus plėtinys)

Oficialus „Microsoft“ „Python“ plėtinys yra kertinis akmuo dirbant su šia kalba VS CodeBe jo parama yra labai ribota.

Teikia „IntelliSense“, derinimas, testavimas, integravimas su virtualiomis aplinkomis, kodo formatavimas („Black“, „autopep8“), ​​lintavimas naudojant „Pylint“ arba „Flake8“ ir daug kitų esminių funkcijų.

Pylansas

Pylansas yra pažangus kalbos serveris, skirtas Python kuris dar labiau patobulina oficialų plėtinį. Jis užtikrina greitą statinę analizę, patobulintą automatinį užbaigimą ir labai detalų tipų tikrinimą.

Jei naudojate tipų anotacijas arba norite aptikti klaidas prieš paleisdami kodą, „Pylance“ labai pagerina kūrimo patirtį. vidutiniuose ir dideliuose projektuose.

Jupyteris

„Jupyter“ plėtinys integruoja užrašinės .ipynb tiesiogiai VS CodeGalite kurti, atidaryti ir vykdyti langelius kaip ir klasikiniame „Jupyter“, bet iš redaktoriaus.

Tai ypač naudinga duomenų analizė, mašininis mokymasis, vizualizacija ir greitas prototipų kūrimas, apjungiantis geriausias užrašų knygučių savybes su visaverčio redaktoriaus privalumais.

Python dokumentacijos eilutės generatorius

Vidinė dokumentacija „Python“ kalboje paprastai yra dokumentacijos eilutėse (docstrings). „Python“ dokumentacijos eilutės generatorius automatiškai sukuria dokumentacijos eilutės skeletą funkcijoms, klasėms ir metodams.

Įvedus pradines kabutes, plėtinys sugeneruoja aprašymo, parametrų ir grąžinamos reikšmės laukai remiantis funkcijos parašu, kuris skatina gerai dokumentuotą kodą, tačiau nėra toks varginantis.

pylans

PHP ir serverio plėtiniai

PHP išlieka pagrindiniu žiniatinklio posistemio elementu, o VS Code turi labai brandi plėtinių ekosistema šiai kalbai.

PHP IntelliSense ir Intelephense

„PHP IntelliSense“ buvo vienas pirmųjų rimtų automatinio užbaigimo plėtinių, skirtų PHP. Jis siūlo Pasiūlymai dėl funkcijų, klasių, metodų, vardų erdvių ir kintamųjų, be pagrindinio naršymo iki apibrėžimų.

PHP Intelephense žengia dar vieną žingsnį į priekį: Labai greita ir išsami analizė, refaktoringas, nuorodų paieška, atnaujintas PHP 7 ir 8 palaikymas ir dar daugiau. Net nemokama versija jau lenkia daugumą alternatyvų.

PHP dokumentų blokavimo programa

Norint tinkamai dokumentuoti didelius projektus, PHP DocBlocker generuoja DocBlock komentarus Užpildykite funkcijas, metodus, klases ir savybes.

Rašyme / ** funkcijoje ji automatiškai užpildo parametrus ir grąžinimo tipą, o tai skatina Tinkamai dokumentuokite vidines ir viešąsias API sąsajas.

kompozitorius

„Composer“ yra PHP priklausomybių valdymo standartas. Atitinkamas plėtinys integruojasi su „VS Code“, skirtu vykdyti įprastas komandas (install, update, require) iš paletės, be to, siūlo automatinį užbaigimą ir paryškinimą kompozitorius.jsonas.

Tai daro jį daug patogesnį valdyti bibliotekas, sistemas ir scenarijus be nuolatinio perjungimo tarp redaktoriaus ir terminalo.

PHP derinimas

PHP derinimas naudojant var_dump turi savo žavesio iki tam tikro lygio. PHP Debug prideda pilną derinimo įrankį, pagrįstą Xdebug. VS kodo viduje.

Su juo tu gali Nustatykite lūžio taškus, tikrinkite kintamuosius, žingsniuokite per kodą ir analizuoti skambučių steką. Pradinis nustatymas reikalauja šiek tiek kruopštumo, tačiau kartą sukonfigūruotas jis tampa esminiu įrankiu.

PHP derinimas

HTML, CSS ir front-end kūrimo plėtiniai

Jei dirbate su vizualine žiniatinklio puse, yra keletas plėtinių, kurie Jie paverčia „VS Code“ itin patogia aplinka maketavimui ir stilizavimui..

Tiesioginis serveris

Tiesioginis serveris prijungia vietinis kūrimo serveris su automatiniu perkrovimuPaspaudus „Pradėti“ svetainė atidaroma naršyklėje, o puslapis atnaujinamas kaskart išsaugojus failą.

Tai idealiai tinka Grynas HTML, greitas prototipų kūrimas, statinis maketavimas ir paprasti front-end projektaikur akimirksniu pamatyti pokyčius yra labai svarbu.

HTML CSS palaikymas

Šis plėtinys pagerina HTML ir CSS integraciją. Jis siūlo intelektualų automatinį klasių ir ID, apibrėžtų jūsų stilių lapuose, užbaigimą. kai rašote HTML, ir atvirkščiai.

Taip pat siūlomos CSS savybės (įskaitant tiekėjo prefiksai) ir puikiai veikia kartu su „Emmet“, o tai labai pagreitina maketavimo darbo eigą.

„IntelliSense“ CSS klasių pavadinimams ir „Tailwind CSS IntelliSense“

„IntelliSense“ CSS klasių pavadinimams analizuoja jūsų CSS, SCSS ar mažesnius failus, kad juos Siūlyti automatinį klasių pavadinimų užbaigimą HTML formatuTai ypač naudinga, kai yra paslaugų ar klasių su ilgais pavadinimais.

Jei naudojate „Tailwind“, „Tailwind CSS IntelliSense“ žengia dar vieną žingsnį į priekį, teikdama „Tailwind“ programai skirtas automatinis užbaigimas, lintavimas ir įterptinė dokumentacija, beveik privaloma norint patogiai dirbti su šia sistema.

CSS Peek ir CSS Lint

CSS Peek leidžia jums greitai peržiūrėti ir pereiti prie klasės arba ID CSS apibrėžimo iš HTML, iššokančiajame lange arba atidarant atitinkamą failą.

CSS „Lint“ veikia kaip stilių lapų sąsaja, žymėjimo klaidos arba probleminiai raštai (pasikartojančios savybės, neefektyvios taisyklės ir kt.), padedančios palaikyti švaresnį ir lengviau prižiūrimą CSS.

Automatinis žymos pervadinimas ir atitinkančios žymos paryškinimas

Automatinis žymos pervadinimas atlieka ne tik paprastą, bet ir naudingą užduotį: Kai pakeičiate HTML arba XML elemento pradinę žymę, atnaujinama ir uždarymo žymė. automatiškai, kad jie nebūtų sinchronizuoti.

Paryškinti atitinkančių žymų paryškinimus žymės pradinė / uždaromoji pora, kurioje yra žymeklisTai labai praktiška dideliuose dokumentuose arba dokumentuose su labai įterptomis struktūromis.

Vaizdo peržiūra, vaizdo optimizavimo priemonė ir spalvų paryškinimas

Vaizdo peržiūra rodoma maršrute nurodyto vaizdo miniatiūra užvedus žymeklį ant jo arba paraštėje, tai padeda patikrinti, ar keliai teisingi, neatidarant failo atskirai.

Vaizdo optimizavimo priemonė leidžia suspausti vaizdus (su nuostoliais arba be nuostolių) pačiame redaktoriuje, palikdami savo turtą paruoštą gamybai be išorinių įrankių.

Spalvų paryškinimas pabrėžia spalvų kodai (šešioliktainis, RGB, HSL ir kt.) su jų faktine spalva kaip fonu arba pabraukimu, todėl daug lengviau dirbti su sudėtingomis paletėmis.

Papildomi produktyvumo plėtiniai, dizainas ir pritaikymas

Be grynai kūrimo įrankių, yra nemažai plėtinių, skirtų kad jūsų kasdienybė būtų patogesnė, o redaktorius – malonesnis akiai.

VS Code temos

Temos tiesiogiai veikia jūsų regėjimo komfortą. Kai kurios populiariausios ir rekomenduojamos yra šios: Violetinės spalvos atspalviai, medžiagos tema, naktinė pelėda, horizontas, Noktis arba lygumos Monokai.

Kiekvienas turi savo charakterį: ryškias tamsias schemas, akių įtampą mažinančias paletes, šviesių ir tamsių atspalvių variacijas ar net... visiškai monochrominės temos tiems, kurie nenori jokio blaškymosi.

Povas

Kai atidarote kelis projektus vienu metu, lengva susipainioti. „Peacock“ leidžia keisti VS Code lango akcento spalvą kiekvienam projektuikad iš pirmo žvilgsnio galėtumėte pasakyti, ar redaguojate vidinę, išorinę ar konkrečią mikropaslaugą.

Tai paprastas, bet neįtikėtinai naudingas plėtinys, jei Paprastai vienu metu atidaromos kelios darbo vietos..

Įtraukos-vaivorykštės ir vaivorykštės skliaustų

įtraukos vaivorykštės spalvos įtraukos stulpeliai su skirtingais tonais, padedančiais lengvai matyti kodo struktūrą.

„Rainbow Brackets“ daro kažką panašaus su skliausteliai, skliaustai ir riestiniai skliaustaikiekvienam įdėjimo lygiui priskiriant skirtingą spalvą. Tarp dviejų tampa daug lengviau rasti trūkstamą skliaustą arba blogai įtrauktą bloką.

Todo medis

Jei naudojate tokius komentarus kaip „TODO“, „FIXME“ arba „BUG“, „Todo Tree“ nuskaito jūsų darbo sritį ir sukuria ataskaitų sritį su visomis šiomis anotacijomis organizuotas medžio pavidalu.

Iš ten galite tiesiogiai pereiti į kiekvieną kodo tašką kur yra laukiančių užduočių arba pažymėtų problemų, TODO paverčiant savotišku mini užduočių tvarkytuvu, susietu su saugykla.

„GitHub Copilot“, „Tabnine“ ir „ChatGPT/AI“

Dirbtiniu intelektu pagrįsti automatinio užbaigimo įrankiai smarkiai išpopuliarėjo. „GitHub Copilot“ ir „Tabnine“ siūlo eilutes arba ištisus kodo blokus remiantis kontekstu, ankstesniais testais ar komentarais.

Plėtiniai, kurie integruoja „ChatGPT“ ar panašius modelius į „VS Code“, leidžia prašyti kodo paaiškinimų, pertvarkyti funkcijas arba generuoti testus neišeinant iš redaktoriaus. Jiems reikalingi API raktai, tačiau kaip kūrimo pagalbininkai jie yra labai galingi, jei naudojami protingai.

„Markdown“ viskas viename ir patobulinta „Markdown“ peržiūra

Jei dokumentuojate projektus arba rašote techninius įrašus, „Markdown All in One“ prideda sparčiuosius klavišus, patobulintą peržiūrą, indekso generavimą ir kitus patogumus dirbti su „Markdown“.

Kartu su „GitHub“ stiliaus peržiūros plėtiniais gausite rašymo patirtis, labai panaši į tai, kaip vėliau atrodys jūsų README failai ar straipsniai žiniatinklyje

„Docker“, nuotolinis SSH ir nuotolinis WSL

Profesionalioje aplinkoje labai įprasta dirbti su konteineriais arba nuotoliniais įrenginiais. Oficialus „Docker“ plėtinys leidžia valdyti vaizdus, ​​konteinerius, tinklus ir tomus. iš šoninės juostos, be to, palengvina derinimą konteineriuose.

Nuotolinis SSH ir nuotolinis WSL leidžia jums Atidarykite nuotolinius aplankus arba „Linux“ aplinkas (WSL) taip, lyg jie būtų vietiniai projektai, vykdydamas komandas ir derindamas iš karto, tačiau patogiai naudodamasis „VS Code“ sąsaja.

Su visais šiais gerai parinktais ir sukonfigūruotais plėtiniais „Visual Studio Code“ iš paprasto lengvo redaktoriaus tampa Individualiai sukurta kūrimo aplinka, pritaikyta jūsų stekui, darbo būdui ir projektams.Rasti pusiausvyrą tarp neperkrovos ir tik reikalingų įrankių turėjimo yra raktas į greitį, patogumą ir kokybę kasdieniame programavime.

Geriausios integruotos kūrimo aplinkos (IDE), skirtos „Windows 11“ 2026 m.
Susijęs straipsnis:
Geriausios IDE kūrimo aplinkos, skirtos „Windows 11“