Hogyan hozhatunk létre sablonokat és kiterjesztést a Visual Studio 2019-hez

Szia!

Nemrégiben két projektsablont készítettem a Vue JS + Asp.Net Core-re, mindkettőt Visual Studio 2019 kiterjesztésként. Megosztották őket a Visual Studio piactéren, amint az az alábbi linken látható:

  • Jue VS sablon + Asp.Net Core 3.1

Szeretné tudni, hogyan hozhat létre saját kiterjesztést, és tegye közzé saját sablonját? Ha igen, a cikk többi része lépésről lépésre ismerteti, hogyan kell ezt megtenni.

Projekt létrehozása

Az első dolog, amit meg kell tennie, egy olyan projekt létrehozása, amelyet sablonként meg szeretne osztani. Ebben a cikkben lépésről lépésre bemutatom a már közzétett Vue JS + Asp.Net Core projektet.

Projekt export

A projekt létrehozása után a Visual Studio 2019-en lépjen a Projekt menübe, és válassza az „Sablon exportálása” lehetőséget:

Kétféle sablon létezik: Projektsablon és Elemsablon. Mivel a mi esetünkben egy projekt sablont készítünk, az alapjául szolgáló lehetőséget választottam:

A következő lépés a név, leírás, a felhasználók számára megjelenítendő ikon és a kép előnézete konfigurálása. Nagyon fontos, hogy ezt az információt megfelelő módon állítsa be, amennyire csak lehet kiváló minőségű, mert ez megjelenik a végfelhasználók számára, akik letöltik és telepítik az Ön sablonját / kiterjesztését.

És törölje az „Automatikus importálás a Visual Studiobe” lehetőséget. Ilyen módon telepítheti a létrehozott kiterjesztést.

Végül a folyamat létrehoz egy kompakt mappát, amely magában foglalja a sablont, de nem a létrehozás vége:

Címkék meghatározása

Amikor új projektet készítünk a Visual Studio 2019-en, a sablonok megjelennek néhány meghatározott címkével együtt, amelyek segítenek a sablonok szűrésében:

A Visual Studio 2019 legújabb verziója óta ezek a címkék kötelezőek azok számára, akik kiterjesztést akarnak közzétenni. Ezek nélkül a kiterjesztés telepítésre kerül, de a sablon soha nem jelenik meg a listában, még akkor sem, ha a felhasználó ezt keresi.

Ezeknek a címkéknek a létrehozásához nyissa meg az utolsó lépésben a sablonnal létrehozott kompakt mappát, majd a szövegszerkesztő segítségével nyissa meg a .vstemplate fájlt:

A „Sablonadatok” szakaszba az „ProvideDefaultName” címke után adjon hozzá egy címkelista hivatkozást a sablonjára, például a platformra, a projekt típusára, a nyelvre stb. Saját esetemben az alábbiak szerint határoztam meg:

A teljes elérhető címkelista megtalálható az alábbi linken:

A kiterjesztés létrehozása

A már létrehozott sablon és a címkék beállítása után itt az ideje létrehozni a kiterjesztés telepítőfájlját.

Ehhez csak hozzon létre egy VSIX Project típusú projektet:

Ez a projekt alapvető felépítése:

PS: Ugyanakkor bizonyos speciális karaktereket felhasználva „+” -ként hoztam létre a projekt nevét, csak oktatási célokra, kérjük, kerülje ezt a valós forgatókönyvekben. Sokkal jobb üres helyek vagy speciális karakterek nélkül létrehozni: TemplateVueJSAspNetCoreArtigoMedium az általam megadott név helyett. Ez megakadályozza az összeállítási problémákat, mivel a VS automatikusan névtereket és osztályokat generál az ezzel a névvel.

Helyezze a gyökérzetbe a sablonra való hivatkozást. Fontos, hogy a kompakt mappa tartalmazza a .vstemplate fájl változásait a már említett címkékkel. Ne felejtsd el.

A projektnek van egy manifeszt fájlja, amely tartalmazza a kiterjesztés e telepítési utasításaival kapcsolatos információkat.

Ha duplán kattint a fájlra, az űrlapként nyílik meg, amelyet kitölteni lehet mezőnként.

Az összes szükséges információt gondosan változtassa meg minőséggel, mert az a végfelhasználó számára megjelenik a telepítésben és a piacon is. Ezenkívül meg kell határozni a „Szerző” mezőt is, mivel általában LAPTOP névvel rendelkezik.

Ezután kattintson az „Eszközök” elemre:

Távolítsa el a létező eszközöket, ha vannak, és kattintson az „Új” elemre:

Válassza ki az általam megadott beállításokat, és az elérési útban adja meg a projekthez hozzáadott kompakt mappát.

Generáció

A telepítőfájl létrehozásához a projektet kiadási módban építi fel. Ez előállítja a kiterjesztés VS-re történő telepítéséhez használt .exe fájlt.

Kész! Létrehoztuk kiterjesztésünket. Most kipróbálhatja, mielőtt közzétenné a Visual Studio piacon, hogy megbizonyosodjon arról, hogy minden jól működik-e.

Visual Studio Market Publish

Abban az esetben, ha a kiterjesztést nyilvánosságra akarja hozni, megteheti a Visual Studio Marketplace-en.

Ehhez látogasson el a marketplace.visualstudio.com webhelyre, és miután bejelentkezett a Microsoft-fiókjával, folytassa az alábbi lehetőségekkel:

Töltse fel a kiterjesztés .exe fájlját:

Töltse ki az űrlapot a sablonnal és a kiterjesztés adataival. Mivel ezek az információk nyilvánosságra kerülnek, ügyeljen részletesen.

Miután a folyamat befejeződött, csak mentse, és várja meg a jóváhagyási folyamatot. Ez néhány percet vehet igénybe.

Következtetés

Remélem, ez a cikk segített neked. Köszönöm, hogy elolvasta.

Az alábbiakban bemutatom a közösségi média profilomat. Nyugodtan csatlakozzon és kérdést tegyen fel. Ezekben a profilokban gyakran osztom meg a webtechnológiákkal és az informatikai eseményekkel kapcsolatos tartalmat.

Twitter: https://twitter.com/alemalavasi Linkedin: https://www.linkedin.com/in/alexandremalavasi/

Nemrégiben létrehoztam egy Youtube-csatornát is, amely hozzájárul a műszaki közösséghez ezen a platformon keresztül, és a .NET Core, a Vue JS, az Azure és a többi elemre összpontosít. Ha érdekli ezeket a témákat, javaslom feliratkozni. Hamarosan rendszeresen megjelenik a tartalom, miközben hangot, videót és tartalmat állítok be a magas színvonalú élmény biztosítása érdekében.

Link: https://www.youtube.com/channel/UC-KFGgYiot1eA8QFqIgLmqA