A Visual Studio Code vagy a VS Code az egyik legfelkapottabb forráskód-szerkesztő, amelyet a fejlesztők használnak. Szoftverfejlesztési projektje termelékenységének növelése érdekében használhatja az ebben a cikkben említett legjobb VS Code-bővítményeket.
Fantasztikus készenléti élményben lesz része, amikor elkezdi szerkeszteni a szoftvereket vagy a weboldalak forráskódjait a Visual Studio Code-on. Fejlesztőként azonban mindig több funkcionalitást igényelhet ebben a szinte integrált fejlesztői környezet (IDE) kódszerkesztőben.
A VS Code Marketplace mindenféle VS IDE-bővítmény célpontja legyen. Olvassa tovább ezt a cikket, hogy megtalálja a legjobb VS IDE-bővítményeket, amelyeket webalkalmazásaiban vagy Windows-alkalmazás-fejlesztési projektjeiben használhat.
Tartalomjegyzék
A Visual Studio Code népszerűsége
Szerint a WakaTime A programozási statisztikák alapján a fejlesztők több mint 21 millió órán keresztül használták a VS Code szerkesztőt. Ez volt az első számú kódszerkesztő 2021-ben, ha összehasonlítjuk a több órás kódszerkesztést más eszközökben, mint például az IntelliJ (>3 millió óra) és a PhpStorm (>2 millió óra).
Íme néhány ok, amiért a legtöbb fejlesztő a VS Code-ot részesíti előnyben más forráskód-szerkesztőkkel szemben:
#1. Teljesen ingyenes, nyílt forráskódú, és több platformon is támogatható. Ez azt jelenti, hogy működik Linuxon, Windowson és macOS-en.
#2. A szerkesztő beépített hibakeresővel rendelkezik. Így kevesebb kattintást kell végrehajtania. Ezenkívül egyetlen ablakban szemmel tarthatja kódolási projektjét és a hibakeresőt anélkül, hogy alkalmazást kellene váltania.
#3. A VS Code az IntelliSense-szel, más néven prediktív kódolással érkezik.
#4. Könnyedén konvertálhatja a VS Code alkalmazást teljes veremű munkaállomássá a megfelelő gyorsbillentyűkkel, VS Code bővítményekkel és beállításokkal.
Mik azok a Visual Studio IDE-bővítmények?
A VS Code egy szuperszervezett forráskód-szerkesztő, amely támogatja a szoftver- és alkalmazásfejlesztési műveleteket, például a verziókezelést, a hibakeresést és a feladatok futtatását. Hatékony platformot biztosít a fejlesztők számára a könnyed kód-építési-hibakeresési ciklushoz a legtöbb programozási nyelvhez. Az összetett munkafolyamatokhoz azonban szüksége lesz egy IDE-re, például a Visual Studiora.
A hiányosságok kiküszöbölésére a fejlesztők VS Code kiterjesztésekkel álltak elő. A bővítmények egyszerűen kiegészítők, amelyeket telepíthet a VS Code alkalmazásba, és új funkciókhoz juthat hozzá. A VS IDE-bővítmények elsősorban a termelékenységet növelik, és egyszerűbbé és hibátlanabbá teszik a kódolást.
Miért hasznosak az IDE kiterjesztések?
Elsősorban a VS Code kiterjesztések segítségével javíthatja az eszköz használhatóságát különböző szoftver- és alkalmazásfejlesztési projektekben. Ha a projekt olyan speciális funkciókat igényel, amelyek hiányoznak a VS Code-ból, kereshet a piactéren egy bővítményt.
Ezenkívül a bővítmények segítenek az alkalmazásfejlesztő csapat termelékenységének növelésében. A kódkiegészítő kiterjesztések használatával elkerülheti a szükségtelen hibákat a kódolás során.
Ezenkívül vannak olyan fejlett bővítménycsomag-telepítők, amelyek segíthetnek importálni a DevOps projektek repóit a csomagtárhelyről. Dióhéjban a bővítmények lehetővé teszik a VS-kód teljes körű szolgáltatást nyújtó IDE-vé való átalakítását.
Nézzünk most néhányat a legjobb VS kódszerkesztők közül.
Beállítások Szinkronizálás
Megnézheti a Beállítások Szinkronizálás VS IDE bővítmény a Visual Studio piacteréről, ha a fejlesztési projekt során kódrészleteket, beállításokat, témákat, billentyűkombinációkat, fájlikonokat, munkaterületeket stb. kell szinkronizálnia különböző gépeken. A bővítmény a GitHub Gists-t használja.
Néhány nagyszerű funkció:
- Használhatja meglévő GitHub-fiókját, a lényeget és a tokeneket.
- Töltse le automatikusan a legújabb beállítások módosításait.
- Automatikus feltöltési beállítások, ha változás történik a fájlban.
A bővítményt már több mint 3 millióan telepítették. Továbbá a kiegészítő ingyenes bármilyen fejlesztési munkához. Vannak azonban módok az eszköz fejlesztőinek támogatására, ha szeretné.
Élő szerver
Ha webhelyfejlesztésen dolgozik a VS Code-ban, és vizualizálnia kell eddigi munkáját, használhatja Élő szerver. Létrehoz egy helyi és ideiglenes szervert csak a fejlesztés alatt álló webhely számára. A bővítmény segítségével dinamikus és statikus webhelyoldalakat is megjeleníthet.
Néhány kiemelkedő tulajdonság a következő:
- Élő és újratölthető böngésző alapú webszerver a webhelyek megjelenítéséhez.
- A felhasználók egyetlen kattintással leállíthatják vagy elindíthatják a szervert a bővítmény állapotsoráról.
- Kompatibilis a Chrome hibakereső melléklettel.
Az eszköz ingyenesen elérhető, és eddig több mint 23 millió alkalommal telepítették.
Visual Studio Code Remote – SSH
A távirányító – SSH A VS Code kiegészítője lehetővé teszi bármely távoli számítógép használatát SSH-kiszolgálóval IDE-ként. Ez nagyban javítja a hibaelhárítást és a fejlesztést különböző helyzetekben. Néhány figyelemre méltó jellemző a következő:
- Fejlesszen alkalmazásokat és szoftvereket egy kifinomult távoli munkaállomáson úgy, hogy eléri azokat a helyi számítógépéről.
- Azonnal válthat a különböző fejlesztői környezetek között anélkül, hogy befolyásolná a helyi számítógép teljesítményét.
- Együttműködjön egy meglévő IDE-n több távoli gépről.
A legjobb az egészben az, hogy nem kell forráskódot telepítenie a helyi munkaállomásra. A bővítmény közvetlenül a távoli számítógépen futtatja a parancsokat és más VS IDE-bővítményeket.
Csinosabb – Kódformázó
Ha egy közös stílus útmutatót szeretne megvalósítani a csapatában lévő összes fejlesztési projektben, akkor ki kell próbálnia a Csinosabb kiegészítő a VS Code-hoz. Íme a kiegészítő néhány funkciója, amelyeket tudnia kell:
- Véleményezett kód formázási kiterjesztés
- Integrálható számos kódszerkesztővel
- A stílusmegbeszélések haszontalanná válnak, ha ezt az eszközt használja
- Energiát és időt takarít meg
Előfordulhat, hogy fejlesztőként inkonzisztens kódbázison kell dolgoznia. Könnyedén megtisztíthat és újraformázhat egy meglévő kódbázist a VS Code bővítményével.
npm
Ha JavaScript-projekteken dolgozik, meg kell próbálnia npm mint csomagkezelő. Most, amikor át kell helyeznie a munkáját a VS Code szerkesztőre, megteheti. Mert az npm kiterjesztés lehetővé teszi, hogy más IDE-ekhez hasonlóan élvezze az npm támogatást a VS Code szerkesztőben.
Néhány beépített parancs a következő:
- A bővítmény telepítése után használt legutóbbi npm-szkript felidézése.
- Futtasson egy npm szkriptet
- Minden futó szkript leállítása
- Futtassa az npm telepítést
Ez egy Microsoft által fejlesztett VS Code bővítmény, amely több mint 5 millió telepítést rögzített.
Projekt menedzser
Ha Ön szoftverfejlesztési projektmenedzser, és több DevOps-projektet felügyel a VS Code-on, akkor érdemes kipróbálnia Projekt menedzser. Az eszköz lehetővé teszi az összes projekt elérését egyetlen számítógépről, függetlenül attól, hogy a projektek hol állnak rendelkezésre.
Vannak rendelkezések a projektek meghatározására, hogy könnyen megszervezhesse azokat. Néhány figyelemre méltó jellemző a következő:
- Mentse el a mappákat vagy munkaterületeket projektként
- Jelölje meg projektjeit haladó szintű szervezetként
- Nyissa meg az összes projektet az új vagy ugyanabban az ablakban
- Könnyen azonosíthatja az átnevezett vagy törölt projekteket
Ezenkívül a bővítményt több mint 2 millióan telepítették.
SonarLint
SonarLint egy nyílt forráskódú Visual Studio bővítmény, amely lehetővé teszi a kódolási problémák megoldását azok megjelenése előtt. A kiegészítő kiemeli a biztonsági réseket és hibákat a kód írása közben a Visual Studióban. Felülete egyszerű, és ugyanúgy működik, mint egy helyesírás-ellenőrző alkalmazás bármely szövegszerkesztőben.
Ezenkívül az eszköz egyértelmű útmutatást ad a felbontáshoz. Így lehetősége nyílik a kód kijavítására, mielőtt a munkafolyamat véglegesítené a programot. Ezenkívül a VS Code kiterjesztése támogatja a különböző programozási nyelvek elemzését, mint például a C++, C, Java, HTML, PHP, JavaScript, TypeScript és Python.
Stylelint
Olyan automatizált eszközt keres, amely megjelöli a kódolási hibákat, a stilisztikai hibákat, a hibákat és más gyanús konstrukciókat a VS Code-on? Megpróbálhatod Stylelint, egy könnyen telepíthető linter-kiterjesztés a VS Code-hoz. A megjelölésen kívül arra kényszeríti a fejlesztőcsapatot, hogy tartsa be az előzetesen jóváhagyott kódstílusi konvenciókat, hogy elkerülje a szoftver- vagy alkalmazáskódban található szemetet és szemetet.
Néhány figyelemre méltó tulajdonság:
- Beépülő modul támogatása a személyre szabott szabályok létrehozásához
- A modern CSS-szolgáltatásokhoz és szintaxisokhoz több mint 170 beépített szabállyal rendelkezik
- Néha automatikusan kijavítja a kódproblémákat, ha bármilyen mintát megért
A VS Marketplace 700 000 telepítést mutat ehhez a bővítményhez.
CSS Peek
Meg akar szabadulni attól, hogy át kell váltania a .css fájlra az azonosítókhoz vagy osztályokhoz csatolt tulajdonságok ellenőrzéséhez? Ki kell próbálnod a CSS Peek kiegészítő a VS Code-hoz. Lehetővé teszi a CSS-kód lebegő képének megtekintését a HTML-fájlból.
A kiterjesztés az azonosítókat és az osztályneveket is hiperhivatkozásokká alakítja. Így ha ezekre a hiperhivatkozásokra kattint, azonnal hozzáférhet a CSS azonosító definíciójához és osztályához.
Ez a kiegészítő több mint 3 millió telepítést rögzített. Az eszközt ingyenesen telepítheti a VS Code-ba.
Polacode
Polacode egy kiegészítő a VS Code-hoz, amely lehetővé teszi, hogy azonnal gyönyörű képernyőképeket készítsen szoftveréről vagy alkalmazáskódjáról. Ezután az eredményül kapott összetevővel megoszthatja kódolási munkáját munkatársaival, barátaival vagy ügyfelekkel. A legjobb az egészben az, hogy megtartja az összes meglévő VS Code témát és betűtípust. A kiegészítő csak egy szép elrendezésbe helyezi a kódot, amely professzionálisnak tűnik.
A bővítmény húzási funkcióval rendelkezik a tároló vagy kódrészlet átméretezéséhez. Csak meg kell tartania és húznia kell a jobb alsó sarkot. A képek megjelenésének szabályozására használható további parancsok a következők: polacode.shadow, polacode.target, polacode.backgroundColor stb.
GitLens – VS kód kiterjesztés
GitLens, egy ingyenes VS Code kiterjesztés, egyszerűen segít a kódolóknak jobban megérteni a programozási kódokat. Gyorsan megtudhatja, miért, mikor és ki változtatott meg egy kódblokkot vagy egy kódsort.
Ezenkívül áttekintheti a kódelőzményeket is, hogy hasznos betekintést nyerhessen arról, hogy miért és hogyan fejlődött egy kódrészlet. Ezért a projektvezetők könnyedén felfedezhetik egy kódbázis fejlődését vagy történetét.
A bővítmény GitLens+ néven is elérhető. Két előfizetési móddal rendelkezik. Jelentkezhet be egy ingyenes fiókkal, és oszthat meg adatokat a GitLens+ fejlesztővel, vagy nyithat fizetős fiókot. Az ingyenes fiókot nyilvános repókhoz, a fizetős számlát pedig privát repókhoz használhatja.
Import költség
Import költség egy VS Code kiegészítő, amely lehetővé teszi egy importált harmadik féltől származó könyvtár fájlméretének megjelenítését. Az importálási költségértéket mutatja, amint importálja a könyvtárat a VS Code szerkesztőben.
A kód beírása közben látni fogja a könyvtár méretét. Az importált könyvtárfájl méretének megtekintéséhez webcsomagot használ. Néhány figyelemre méltó jellemző a következő:
- Könyvtár mérete a teljes tartalom importálásához
- Nézet mérete az alapértelmezett importáláshoz
- Kompatibilis a Typescript és JavaScript programozási nyelvekkel.
A kiegészítő több mint 1 millió telepítést rögzített.
Path Intellisense
Általában több fájlt kell kezelnie, ha szoftver- vagy alkalmazásfejlesztési projekten dolgozik. Kód írásakor meg kell adnia a fájl nevét a saját memóriájából. Most, hogy a fájlnevek kötőjeleket tartalmaznak, ezek megjegyezése kihívást jelent. Itt kaphat gyors segítséget Path Intellisense.
Ez egy olyan kiterjesztés, amely automatikusan kiegészíti a fájlneveket egy kódbázisban. Az eszköz azonnal javasolja a keresett fájlt, amikor észleli a kezdőbetűket. Segíthet a rejtett fájlok láthatóvá tételében is.
JavaScript hibakereső (éjszakai)
Ez egy hibakereső adapter protokoll (DAP) alapú JavaScript program hibakereső. Az eszköz lehetővé teszi a Chrome, a Node.js, a WebView2, az Edge, a VS Code bővítmények és még sok más hibakeresését. A VS Code 1.46-os verziója óta a JavaScript Debugger az alapértelmezett hibakeresési bővítmény. A Microsoft fokozatosan bevezeti az eszközt a Visual Studio IDE-hez is.
Ez a VS Code kiterjesztés a Microsoft nyílt forráskódú eszköze. Szabadon felhasználhatja kereskedelmi vagy nem kereskedelmi fejlesztési célokra. Az eszköz eddig több mint 600 000 telepítést rögzített.
Végső szavak
Eddig felfedezte a legjobb VS Code kiterjesztéseket, amelyeket használnia kell, ha szeretne a Microsoft Visual Studio Code-on dolgozni. Ez vezető név a nyílt forráskódú szerkesztők ökoszisztémájában. A projekt követelményeitől függően telepítheti a fenti VS IDE bővítmények bármelyikét.
A legjobb VS IDE-bővítmények ezen végső listája segít megtakarítani azt az időt, amelyet ezen eszközök keresésébe fektetett volna. Mostantól több időt szentelhet projektjének, mivel már tudja, mely bővítmények a jók.
Megtekintheti azokat a legjobb IDE-ket is, amelyekről minden programozónak tudnia kell.