برنامه نویسی

انتشار برنامه های افزودنی خود در Visual Studio Marketplace

در دنیای امروز، تکنولوژی با سرعتی سریع در حال پیشرفت است و توسعه دهندگان دائما به دنبال راه هایی برای بهبود بهره وری و ساده سازی گردش کار خود هستند. یکی از ابزارهایی که در سال های اخیر محبوبیت زیادی پیدا کرده است، کد ویژوال استودیو (VSCode) است. VSCode با مجموعه ای قوی از ویژگی ها و کتابخانه گسترده برنامه های افزودنی خود، تبدیل به ویرایشگر کد برای بسیاری از توسعه دهندگان شده است.

💡 اما آیا می دانستید که می توانید افزونه های خود را برای VSCode نیز ایجاد کنید و آن را با انجمن به اشتراک بگذارید؟ اگر آخرین پست من در مورد را از دست دادید “ایجاد اولین تم پسوند VSCode شما”، می توانید آن را بررسی کنید اینجا.

در این مقاله، روند انتشار برنامه های افزودنی خود را در بازار VSCode بررسی خواهیم کرد. چه به دنبال حل یک مشکل خاص، افزودن ویژگی‌های جدید یا به اشتراک گذاری کار خود با دیگران باشید، انتشار برنامه‌های افزودنی در بازار راهی عالی برای کمک به جامعه توسعه‌دهندگان و بهبود تجربه توسعه خود است. 🙌 😉


به نظر من یک ترکیب برنده است


✨ حساب Microsoft Azure DevOps خود را راه اندازی کنید

همانطور که احتمالا می دانید، VSCode توسط مایکروسافت ایجاد و نگهداری می شود. با آن، ما اکنون یک ورود واحد برای خدمات ابری Azure و افزونه های VSCode داریم.

به وب سایت http://dev.azure.com/ بروید و یک حساب کاربری ایجاد کنید. می توانید با حساب Github خود وارد شوید یا فقط با ایمیل شخصی خود ثبت نام کنید.

هنگامی که با موفقیت ثبت نام کردید، به صفحه داشبورد Azure DevOps خود با نام سازمان ایجاد شده خود هدایت خواهید شد.

داشبورد Azure DevOps


🪙 رمز دسترسی شخصی (PAT) خود را ایجاد کنید

این به عنوان تأیید اعتبار شما در انتشار برنامه های افزودنی خود در بازار استفاده می شود.

کلیک کنید روی مشخصات کاربر نماد تنظیمات در کنار آواتار خود را انتخاب کنید نشانه های دسترسی شخصی.

پیمایش به توکن های دسترسی شخصی در Azure


  1. کلیک توکن جدید برای ایجاد توکن خود
  2. نام رمز خود را اضافه کنید
  3. زیر سازمان، انتخاب کنید همه سازمان های در دسترس
  4. برای انقضاء، انتخاب کنید سفارشی تعریف شده است که به طور پیش فرض به 1 سال از هم اکنون به عنوان حداکثر زمان انقضا خواهد بود
  5. زیر محدوده ها، مطمئن شوید سفارشی تعریف شده است انتخاب شده است.
  6. در پایین، کلیک کنید نمایش همه دامنه ها و به بخش Marketplace پایین بروید
  7. انتخاب کنید مدیریت کنید گزینه
  8. و در آخر روی آبی کلیک کنید ايجاد كردن دکمه

ایجاد Modal Token Access Personal

🚨 هشدار: مطمئن شوید که شما یک کپی را ذخیره کنید رمز دسترسی جدید ایجاد شده شما (PAT) به عنوان Azure آن را ذخیره نمی کند و نمی توانید دوباره آن را ببینید. و از همه مهمتر، آن را با کسی به اشتراک نگذارید! 👀 🔐

آیا با من می مانی؟


📝 یک ناشر ایجاد کنید

این شما خواهد بود نام ناشر زمانی که در بازار در دسترس باشد به برنامه افزودنی شما متصل می شود.

به آدرس زیر بروید: https://marketplace.visualstudio.com/manage و باید یک را ببینید ایجاد ناشر صفحه تنها فیلدهای مورد نیاز در اینجا عبارتند از نام و شناسه از ناشر بقیه اختیاری است.

اگر همه چیز خوب پیش برود، به آن هدایت می شوید ناشران و برنامه های افزودنی را مدیریت کنید صفحه آن صفحه را باز نگه دارید زیرا بعداً به آن باز خواهیم گشت.


📦 برنامه افزودنی خود را آماده کنید

در اینجا چند مرحله برای اطمینان از انتقال آرام برنامه افزودنی شما به بازار آورده شده است.

  • پوشه افزونه خود را در VSCode باز کنید و به قسمت خود بروید package.json فایل کنید و مطمئن شوید که این ویژگی ها در حال تنظیم هستند.
{
  "publisher": "<Your Publisher ID>",
  "repository": {
    "type": "git",
    "url": "<Your repository URL>"
  },
  "keywords": ["<Keyword 1>", "<Keyword 2>"]
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

💡 توجه: مطمئن شوید که LICENSE فایل در مخزن ROOT شما موجود است زیرا VSCode این را در حین بسته بندی / انتشار بررسی می کند.


🚀 آن را بسته بندی و منتشر کنید!

هنگامی که برنامه افزودنی شما آماده راه اندازی شد، می توانید آن را فقط با استفاده از ترمینال بسته بندی و منتشر کنید.

  • ترمینال یکپارچه را در VSCode باز کنید و افزونه افزونه آن را با اجرای:
npm install -g vsce
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  • با استفاده از آن به حساب ناشر خود وارد شوید vsce:
vsce login <You Publisher ID>
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

🔐 سپس از شما خواسته می شود که خود را وارد کنید Personal Access Token (PAT). آن را کپی کرده و در آنجا پیست کنید و ضربه بزنید Enter کلید

  • در مرحله بعد، می توانید یک بسته از تم خود را با اجرای:
vsce package
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

💡 این افزونه به طور خودکار یک یک را ایجاد می کند .vsix فایل را در دایرکتوری ریشه برنامه افزودنی خود که نشان دهنده نسخه بسته در نام فایل است. همچنین مطمئن شوید نه برای بررسی این فایل به مخزن خود.

  • برای انتشار آن در بازار، اجرا کنید:
vsce publish
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  • برای تأیید وضعیت استقرار خود، به مسیر خود بروید ناشران و برنامه های افزودنی را مدیریت کنید صفحه و در آنجا می‌توانید افزونه‌های خود را در آن ببینید “تأیید” وضعیت

💡 ممکن است مدتی طول بکشد و به محض اینکه این فرآیند کامل شد، اکنون می توانید نسخه برنامه افزودنی خود و یک علامت تیک سبز رنگ قبل از آن را ببینید!


🚧 در حال به روز رسانی برنامه افزودنی شما

برای به روز رسانی نسخه، قبل از انتشار یک فهرست، مطمئن شوید که یک فهرست کار GIT تمیز دارید PATCH، MINOR و MAJOR به روز رسانی.

vsce publish <patch|minor|major>
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

این افزونه به طور خودکار نسخه‌سازی معنایی را مدیریت می‌کند، بنابراین نیازی نیست خودتان آن را به صورت دستی انجام دهید.

💡 نکته: اجرا کن vsce package هر بار که یک آپدیت جدید منتشر می کنید 😉


🎉 تبریک می گویم!

و شما آن را دارید! برنامه افزودنی شما اکنون برای نصب در دسترس انجمن است! آن را با رسانه های اجتماعی و دوستان خود به اشتراک بگذارید! ❤️

ریکی و مورتی - کار خوب!

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا