Saját személyes Visual Studio kódbővítmények

Bevezetés

Ez egy rövid cikk az összes olyan Visual Studio Code kiterjesztésről, amelyek személy szerint kiváló eszközöknek bizonyulnak. Ezek a kedvenceim, így ha különböző kiterjesztéseket használ, amelyeket nem említettem, nyugodtan jelezze az alábbi megjegyzésekben.

Csak egy megjegyzés …

A cikk megírásával együtt létrehoztam egy YouTube-videót is!

Ezen a linken megnézheti az összes kiterjesztést és mindegyikük rövid magyarázatát – Visual Studio kódbővítményekkel kell rendelkeznie .

Bővítmények

Kódidő

A Code Time egy nyílt forráskódú plugin, amely programozási mutatókat nyújt közvetlenül a kódszerkesztőben.

A bővítmény telepítése után a rendszer kéri, hogy jelentkezzen be az irányítópultra.

A kódszerkesztő belsejében megnyomhatja a command + shift + P billentyűkombinációt.
Ez egy ablakot ad, ahol beírhatja a Code Time parancsot, majd kiválaszthatja az adatok megjelenítése közvetlenül a kódszerkesztőben vagy egy böngészőben.

A böngészőben az összes információ így fog kinézni:

A böngészőben pedig egy kicsit színesebb lesz a helyzet:

A kódidő valóban hasznos, ha kíváncsi vagy tudni kell, mennyi időt töltesz kódolással.

One Dark Pro

A One Dark Pro az Atom legnépszerűbb témája, és a Visual Studio Code valaha egyik legletöltöttebb témája.

Amint ebben a példában láthatja, vannak ikonjaink a könyvtárakhoz, például az ügyfél és a szerver, valamint az olyan fájlokhoz, mint az .eslintrc .gitignore és a package.json.

A One Dark Pro a React, az Angular, a Redux és a sokféle keretrendszer és könyvtár együttesével megy végig, különféle címtárikonokat biztosítva az összetevők, a felhasználás, a stílusok és a reduktorok számára műveletek és tárolás.

konzolpár-színező

Ez a kiterjesztés lehetővé teszi az illeszkedő zárójelek azonosítását a színekkel.
Ez rendkívül kényelmes, ha mélyen beágyazott tárgyakat vagy funkciókat tartalmaz, amint az itt látható:

Színkiemelés

A Színkiemelés bármely színkódot vizuálisan ábrázolja.

Például, ha RGB, RGBa, Hexadecimal vagy bármilyen más színkódot ír be, akkor vizuálisan láthatja a színt, mint ebben a példában:

Path Intellisense

A Path Intellisense egy Visual Studio Code plugin, amely automatikusan kitölti a fájlneveket.

Rendkívül hasznos az összetevők importálásakor a React-ban, mivel nem kell kézzel megadnia a keresett fájl elérési útját.

ES7 React / Redux / GraphQL / React-Native kivonatok.

A lista következő kiterjesztése az ES7 React / Redux / GraphQL / React-Native kivonatok. Elég hosszú név, de hidd el, hogy sok időt fog megtakarítani, különösen, ha a React-lel használod.

Ez a kiterjesztés az ES7 JavaScript és React / Redux kódrészleteit biztosítja a Babel beépülő modul funkcióival a VS Code számára.

A kódszerkesztő belsejében megnyomhatja a command + shift + P , majd az ES7 kódrészlet keresés billentyűkombinációt, és egy hosszú rövid parancssorral fogadja Önt fuss, hogy sokkal hosszabb kódrészleteket kapj.

Itt keresést is végezhet, így könnyen megtalálhatja a parancsot például egy funkcionális komponensrészlethez.

A parancsokat úgy futtatja, hogy egyszerűen beírja őket a szerkesztőbe, és megnyomja az Enter billentyűt. Így egyszerű, varázslatként működik.

GitLens – Git feltöltve

A GitLens feltölti a Visual Studio Code-be épített Git képességeket.

Ez segít egy pillanat alatt vizualizálni a kódszerződést a Git blame kommentárok és a kódlencse segítségével, zökkenőmentesen navigálhat és felfedezheti a Git adattárakat, értékes betekintést nyerhet a hatékony összehasonlító parancsok révén, és még sok minden mást.

Csak a kódsorra kattintva láthatja, hogy ki szerkesztette, mikor szerkesztette és mi az elkötelezettség. Hasznos dolgok!

Ennyi!

Végig csináltad! Ha ezeknek a bővítményeknek bármelyikét hasznosnak találta, és tetszett a cikk, nyugodtan kattintson és tartsa nyomva a taps gombot! 🙂

Ha bármilyen kérdése vagy visszajelzése van, ossza meg velem az alábbi megjegyzéseket. A leghasznosabb a YouTube támogatása lenne, mivel most létrehoztam egy csatornát! Kattintson ide , sok érdekes dolog hamarosan megjelenik! 🙂