Bagaimana untuk mencipta templat projek dan pelanjutan untuk Visual Studio 2019

Hi!

Baru-baru ini, saya mencipta dua templat projek untuk Vue JS + Asp.Net Core, keduanya sebagai sambungan Visual Studio 2019. Mereka telah dikongsi di pasaran Visual Studio, seperti yang anda dapat lihat di pautan di bawah:

  • Templat Vue JS + Asp.Net Core 3.1

Adakah anda ingin tahu cara membuat sambungan anda sendiri dan menerbitkan template anda sendiri? Jika ya, sisa rencana adalah langkah demi langkah bagaimana cara melakukannya.

Penciptaan projek

Perkara pertama yang perlu anda lakukan ialah membuat projek yang ingin anda kongsi sebagai templat. Dalam artikel ini, saya akan menunjukkan langkah demi langkah menggunakan projek Vue JS + Asp.Net Core yang saya sudah diterbitkan.

Eksport projek

Setelah projek dibuat, pada Visual Studio 2019 pergi ke pilihan menu Projek dan pilih pilihan "Templat Eksport":

Terdapat dua jenis templat: Template projek dan templat Item. Seperti dalam kes kami, kami mencipta templat projek, saya memilih pilihan asas:

Langkah seterusnya adalah untuk mengkonfigurasi nama, keterangan, ikon yang akan ditunjukkan kepada pengguna dan pratonton imej. Adalah sangat penting untuk menetapkan maklumat ini dengan betul, seberapa banyak yang berkualiti tinggi yang anda boleh, kerana ia akan muncul kepada pengguna akhir yang akan memuat turun dan memasang template / pelanjutan anda.

Dan nyahtanda pilihan "Import secara automatik ke Visual Studio". Dengan cara itu, anda akan dapat memasang pelanjutan yang anda buat.

Akhir sekali, proses itu akan menghasilkan folder padat yang mengandungi templat itu sendiri, tetapi bukan akhir dari penciptaan itu:

Teg definisi

Apabila kami membuat projek baru di Visual Studio 2019, template muncul bersama-sama dengan beberapa tag tertentu, yang membantu kami menapis templat:

Sejak versi terbaru Visual Studio 2019, tag ini wajib bagi mereka yang ingin menerbitkan pelanjutan. Tanpa mereka, pelanjutan akan dipasang, tetapi templat tidak akan ditunjukkan dalam senarai, walaupun pengguna mencari itu.

Untuk membuat tag ini, buka folder padat yang dihasilkan dengan template pada langkah terakhir dan buka fail .vstemplate menggunakan Editor Teks:

Dalam seksyen "Data Templat", tambahkan selepas tag "ProvideDefaultName" rujukan senarai tag kepada templat anda, seperti platform, jenis projek, bahasa, dan lain-lain. Dalam kes saya, saya menyatakan seperti berikut:

Senarai tag tersedia yang lengkap boleh didapati di pautan di bawah:

Penciptaan Peluasan

Dengan templat yang telah dibuat dan tag ditetapkan, kini sudah tiba masanya untuk membuat fail pemasangan untuk pelanjutan.

Untuk itu, buat projek Projek VSIX jenis:

Ini adalah struktur asas projek:

PS: namun saya mencipta nama projek menggunakan aksara khas tertentu sebagai "+", hanya untuk tujuan pengajaran, sila elakkan daripada melakukan perkara itu dalam senario sebenar. Adalah lebih baik untuk mencipta tanpa ruang kosong atau aksara khas, seperti itu: TemplateVueJSAspNetCoreArtigoMedium, bukan nama yang saya letakkan. Ia akan menghalang masalah membina, kerana VS akan menjana ruang nama secara automatik dan kelas menggunakan nama itu.

Termasuk di dalam akar rujukan padat untuk template anda. Adalah penting bahawa folder padat akan mengandungi perubahan fail .vstemplate dengan tag yang saya sebutkan tadi. Jangan lupa.

Projek ini mempunyai fail nyata, yang akan mengandungi maklumat mengenai lanjutan dan arahan pemasangan.

Jika anda mengklik dua kali dalam fail itu, ia akan terbuka seperti satu bentuk, yang mana anda boleh mengisi medan mengikut medan.

Ubah dengan teliti semua maklumat yang diperlukan dengan kualiti, kerana ia akan muncul untuk pengguna akhir dalam pemasangan dan pasaran juga. Juga, adalah perlu untuk menentukan bidang "Pengarang" dengan betul, kerana biasanya mempunyai nama LAPTOP.

Selepas itu, klik pada "Aset":

Keluarkan aset yang ada, jika ada, dan klik pada "Baru":

Pilih pilihan yang saya letakkan dan dalam laluan menentukan folder padat yang telah anda tambahkan kepada projek.

Generasi

Untuk membuat fail pemasangan, ia hanya membina projek dalam mod pelepas. Ia akan menjana fail .exe yang digunakan untuk memasang pelanjutan pada VS.

Selesai! Sambungan kami telah dibuat. Anda boleh mengujinya sekarang, sebelum anda menerbitkan di pasaran Visual Studio, untuk melihat sama ada semuanya berfungsi dengan baik.

Penerbitan Pasaran Visual Studio

Sekiranya anda ingin menerbitkan pelanjutan anda kepada orang ramai, anda boleh melakukannya di Visual Studio Marketplace.

Untuk melakukan itu pergi ke marketplace.visualstudio.com dan, setelah log masuk dengan akaun Microsoft anda, pergi ke pilihan di bawah:

Muat naik .exe sambungan anda:

Isi borang dengan maklumat templat dan pelanjutan. Oleh kerana maklumat itu akan dipublikasikan, perhatikan secara terperinci.

Setelah proses selesai, simpan dan tunggu proses kelulusan. Itu boleh mengambil masa beberapa minit.

Kesimpulannya

Saya harap artikel ini membantu anda. Terima kasih kerana membacanya.

Berikut adalah profil media sosial saya. Jangan ragu untuk berhubung dan bertanya. Dalam profil ini, saya sering berkongsi kandungan mengenai Teknologi Web dan acara IT.

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

Saya juga membuat saluran Youtube baru-baru ini untuk menyumbang kepada komuniti teknikal menggunakan platform ini juga, memberi tumpuan kepada. NET Core, Vue JS, Azure dan banyak lagi. Sekiranya anda berminat dalam subjek ini, saya cadangkan anda melanggan. Tidak lama lagi, kandungan akan dikeluarkan secara tetap, sementara saya menyediakan audio, video dan kandungan untuk memberikan anda pengalaman berkualiti tinggi.

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