شروع کار با ویژوال استودیو آنلاین
شروع کار با ویژوال استودیو آنلاین
ویژوال استودیو آنلاین ( VS Online ) IDE مبتنی بر وبی است که اکنون برای استفاده دردسترس است .
این محیط مبتنی بر ویرایشگر محبوب Visual Studio Code ساخته شده است
که فضای کاری مطلوب و حس آشنایی را برای نوشتن و کار با سورس کد ارائه میدهد .
همینطور قابلت پشتیبانی از extensionهای Visual Studio Code را آماده می کند .
ساخت اولین محیط و Billing Plan ویژوال استودیو آنلاین
در اینجا یک بررسی کلی از ورود به ویژوال استودیو آنلاین ( IDE مبتنی بر فضای ابری توسط مایکروسافت ) و شروع به کار با این ابزار وجود دارد .
۱ . با باز کردن مرورگر وب و رفتن به https : //online . visualstudio . com شروع کنید .
۲ . پس از ورود به سیستم , برای بار اول , صفحه ای را می‌بینید
که با دکمه Create environment نشان میدهد که شما هیچ محیطی را ندارید .
۳ . کلید Create environment را کلیک فرمایید .
۴ . بعد در سمت راست یک بخش Create a Billing Plan برای شما باز می گردد .
شما از این بخش برای مشخص کردن Billing Plan ویژوال استودیو آنلاین استفاده میکنید
تا در Azure Subscription آن را بسازید .
مقادیر زیر را در این صفحه مشخص فرمایید :
Subscription : Azure Subscription را انتخاب نمائید تا به آن دسترسی داشته باشید تا بتوانید یک Billing Plan جدید بسازید .
Location : حیطه Azure خود را گزینش کنید تا Billing Plan را میزبانی فرمائید .
Advanced Options را بزنید , پیکربندی‌های زیر برای شما نشان داده می شود :
Plan Name : اسم Billing Plan را مشخص کنید تا در Azure Subscription ساخته شود .
Resource Group : اسم Resource Group را برای نهادن Billing Plan جدید خود در آن معین فرمایید .
مقادیر متبوع خویش را لبریز فرمائید , و روی Create کلیک نمایید .
۵ . اکنون Create Environment برای شما باز می شود .
شما از این گزینه برای تعیین یک محیط جدید جهت ایجاد ویژوال استودیو آنلاین استفاده میکنید .
مقادیر زیر را در این بخش مشخص نمایید :
Environment Name : اسم را برای محیط نو معلوم نمایید . شما می بایست از نامی استفاده فرمایید
که به پروژه یا وظیفه‌ای که از این محیط برای آن استفاده میکنید شباهت داشته باشد .
Git Repository : ریپازیتوری گیت را برای این محیط جهت clone کردن مشخص کنید . این مورد را می‌توان در دو فرمت مختلف مشخص کرد :
آدرس پروژه گیت هاب : شما میتوانید URL بدون نقص صفحه اصلی را برای پروژه گیت‌هاب مشخص فرمایید ,
مثل https : //github . com/crpietschmann/jsQuizEngine .
فرم کوتاه‌شده گیت‌هاب : شما میتوانید اسم ریپازیتوری گیت‌هاب را همراه با یک اسلش در فرمت organization/repo معین نمائید ,
نظیر crpietschmann/jsQuizEngine .
Instance Type : تنظیمات حافظه و CPU کلیدی که برای محیط ویژوال استودیو آنلاین آماده خواهد شد را مشخص کنید .
Suspend idle environment after… : مدت زمانی را که در صورت عدم استفاده از محیط آن را به صورت خودکار به حالت تعلیق در می‌آورد را مشخص فرمائید .
مقادیر متبوع خویش را پر فرمایید , Create را کلیک فرمائید .
۶ . محیط ویژوال استودیو آنلاین که مشخص شده بود , اکنون در حالت Creating است .
۷ . بعد از چند دقیقه محیط جدید باید آماده استفاده باشد .
ویرایش , کامیت و همگام‌سازی کد ( Sync ) با استفاده از ویژوال استودیو آنلاین
در اینجا مروری بر باز کردن ویرایشگر ویژوال استودیو آنلاین , ایجاد برخی تغییرات در کد و کامیت کردن این تغییرات
به ریپازیتوری گیت‌هاب برای محیط VS Online بیان شده شده‌است .
۱ . بعداز ورود به ویژوال استودیو آنلاین , لیستی از محیط‌هایی که در Billing Plan و Azure Subscription تولید کرده‌اید را مشاهده خواهید کرد .
۲ . با کلیک بر روی Environment Name , محیط را باز فرمایید .
۳ . ویرایشگر ویژوال استودیو آنلاین باز خواهد شد . می توانید ببینید که‌این به عبارتی رابط کاربری ویرایشگر Visual Studio Code است
که همه با آن آشنا هستیم .
۴ . در قسمت Workspace در سمت چپ صفحه , روی فایلی در پروژه کلیک کنید تا در ویرایشگر باز شود .
۵ . تغییراتی در فایل ایجاد کنید . حالا با کلیک بر روی منوی موجود در بالا سمت چپ , و انتخاب File , سپس Save آن‌ها را ذخیره کنید .
نکته : میتوانید ببینید چندین گزینه منو در ویرایشگر ویژوال استودیو آنلاین در دسترس است
و این همان تجربه استایل VS Code است که شما عاشق آن شده‌اید .
۶ . برای کامیت کردن تغییرات خود برای ریپازتوری گیت‌هاب “ محلی ” ویژوال استودیو آنلاین
( که از گیت‌هاب clone شده است ) , روی تب Source Control در سمت چپ پنجره کلیک کنید
شروع کار با ویژوال استودیو آنلاین
میتوانید لینک های دیگر ما رو دنبال کنید
