این چهارمین مقاله از مجموعه "ایجاد محیط توسعه هسته دات نت با استفاده از کد ویژوال استودیو" من است . می توانید مقالات قبلی من در این مجموعه را از لینک های زیر مطالعه کنید.
- با استفاده از کد ویژوال استودیو یک محیط توسعه هسته دات نت ایجاد کنید
- با استفاده از کد ویژوال استودیو - قسمت 2، یک محیط توسعه هسته دات نت ایجاد کنید
- با استفاده از کد ویژوال استودیو - قسمت 3، یک محیط توسعه هسته دات نت ایجاد کنید
در این مقاله، من در مورد اشکال زدایی برنامه های NET Core با استفاده از Visual Studio Code صحبت خواهم کرد. همانطور که همه ما می دانیم، اشکال زدایی بخشی ضروری از برنامه نویسی است. بیشتر زمان برنامه نویسی ما به اشکال زدایی کدهای نوشته شده توسط ما یا دیگران اختصاص دارد. بنابراین، واقعاً ضروری است که برنامه نویسان در هنگام کدنویسی به یک تجربه اشکال زدایی بسیار روان نیاز داشته باشند. بیشتر IDE ها گزینه های اشکال زدایی عالی را ارائه می دهند. قابلیتهای اشکالزدایی ویژوال استودیو آنقدر قدرتمند است که ویژگیهای زیادی مانند نقاط شکست، پلههای کد، بازرسی متغیر، پشته تماس، پنجرهی کنسول اشکالزدایی و غیره را ارائه میدهد.
در این مقاله، نحوه ایجاد یک تجربه اشکال زدایی روان را در حین توسعه برنامه های NET Core در Visual Studio Code خواهیم دید. برای اشکال زدایی برنامه های NET Core در Visual Studio Code باید پسوند C# را برای VS Code نصب کنیم. برای اطلاعات بیشتر در این مورد می توانید به اولین مقاله من در این مجموعه مراجعه کنید.
بنابراین، برای نمایش اشکال زدایی، ما باید یک پروژه NET Core Web API ایجاد کنیم.
- یک پوشه به نام DebuggingExample ایجاد کنید و آن پوشه را در Visual Studio Code باز کنید.
- ترمینال را باز کنید و دستور
dotnet new webapi --name DebuggingExampleApiرا وارد کنید این باید یک پروژه NET Core Web API در پوشه ایجاد کند.
- فایل ValuesController.cs را در پوشه Controllers باز کنید . این باعث میشود که پسوند سی شارپ یک فرمان نمایش داده شود که تولید وظایف ساخت و راهاندازی تنظیمات برای پروژه شما را ارائه میدهد. (شکل زیر را ببینید)
- روی Yes کلیک کنید، VS Code نام پوشه .vscode را در فهرست پروژه ایجاد می کند. فهرست شامل دو فایل - launch.json و tasks.json است . این دو فایل برای VS Code مهم هستند زیرا اینها فایل های پیکربندی مورد نیاز برای ساخت پروژه ما و اشکال زدایی آن هستند.
- tasks.json برای پیکربندی اینکه چه دستوری برای ساخت پروژه شما اجرا میشود، استفاده میشود و launch.json نوع اشکالزدایی را که میخواهید استفاده کنید، و اینکه چه برنامهای باید تحت آن دیباگر اجرا شود، پیکربندی میکند.
- launch.json VS Code را برای اجرای وظیفه ساخت از tasks.json پیکربندی می کند تا برنامه شما هر بار که برای اشکال زدایی می روید به طور خودکار به روز شود. برای آشنایی با پیکربندی های پیشرفته اشکال زدایی، می توانید از اینجا دیدن کنید .
- حال، اجازه دهید یک تغییر کوچک در متد Get() در ValuesController ایجاد کنیم که یک ActionResult<IEnumerable<string>> را برمی گرداند . تابع بازگشت درون خطی را تغییر می دهیم و مقدار برگشتی را به یک متغیر اختصاص می دهیم. این به بررسی مقادیر متغیر در حین اشکال زدایی کمک می کند.
- public ActionResult<IEnumerable<string>> Get()
- {
- var texts = new List<string>();
- texts.Add("value1");
- texts.Add("value2");
- return texts;
- }
- حال، یک نقطه شکست برای این روش تعیین کنید. مشابه ویژوال استودیو، میتوانیم با کلیک کردن در حاشیه سمت چپ فایل کد منبع، یا با قرار دادن مکاننما روی یک خط کد و فشار دادن F9، یک نقطه شکست در کد منبع تعیین کنیم. نقطه شکست به صورت یک نقطه قرمز در حاشیه سمت چپ ویرایشگر ظاهر می شود.
- برای شروع اشکال زدایی، F5 را فشار دهید. این برنامه با پیوست کردن خودکار دیباگر به برنامه ما شروع می شود. با این کار صفحه شروع در مرورگر پیش فرض ما نیز باز می شود.
- اکنون، متد کنترلری را که بر روی آن نقطه شکست خود را از مرورگر تنظیم کرده ایم، فراخوانی کنید. localhost :5001/api/values را در نوار آدرس تایپ کرده و enter را فشار دهید. می بینیم که اجرا در نقطه شکستی که ما تعیین کرده ایم متوقف می شود، که به ما در شناخت وضعیت فعلی برنامه در هنگام اشکال زدایی کمک می کند.
می بینیم که نمای Debug VS Code در سمت چپ ویرایشگر باز می شود. نمای Debug تمام اطلاعات مربوط به اشکال زدایی را نمایش می دهد. همچنین می توانیم متوجه شویم که یک نوار ابزار اشکال زدایی در بالای ویرایشگر ظاهر شده است. هنگام اشکال زدایی می توان از نوار ابزار اشکال زدایی برای گزینه های پیمایش کد استفاده کرد. گزینه های زیر در نوار ابزار اشکال زدایی موجود است.
- ادامه / مکث ( F5 )
- Step Over ( F10 )
- Step Into ( F11 )
- بیرون رفتن ( Shift+F11 )
- راه اندازی مجدد ( Ctrl+Shift+F5 )
- توقف ( Shift+F5 )
نمای اشکال زدایی شامل بخش های زیر است
-
متغیرها
این بخش باید تمام متغیرها و مقادیر آنها را در جلسه اشکال زدایی فهرست کند. در مثال ما، می بینیم که متغیر texts ما در این بخش با مقدار پیش فرض null فهرست شده است . هنگامی که از خطوط کد عبور می کنیم، می توانیم متوجه شویم که مقادیر متغیر با اضافه شدن هر رشته به لیست تغییر می کنند. حتی می توانیم مقادیر متغیر را در این قسمت تغییر دهیم. -
تماشا کنید
این بخش شبیه به بخش متغیرها است. در اینجا می توانیم متغیر خاصی را که می خواهیم اشکال زدایی کنیم تماشا کنیم. فقط نام متغیر را به لیست عبارت پنجره ساعت اضافه کنید تا شروع به تماشای آن متغیر کنید. -
نقاط انفصال
این بخش تمام نقاط شکست را که در کد منبع برای اشکال زدایی تنظیم کرده بودیم نمایش می دهد.
خلاصه
در این مقاله نحوه اشکال زدایی برنامه های NET Core در Visual Studio Code را توضیح داده ام. اگرچه قابلیت اشکال زدایی کد ویژوال استودیو در حد ویژوال استودیو نیست، اما در واقع کارهای زیادی را انجام می دهد که اکثر توسعه دهندگان به آن نیاز دارند. برای جزئیات بیشتر در مورد ویژگی های اشکال زدایی ارائه شده توسط Visual Studio Code به این پیوند مراجعه کنید .
ویژوال استودیو کد یک ویرایشگر متن قدرتمند از مایکروسافت است که می تواند با مجموعه ای عالی از افزونه های ایجاد شده توسط انجمن فوق العاده شارژ شود. انجمن به قدری عالی است که میتوانیم انتظار داشته باشیم افزونهها و ویژگیهای جالب بیشتری به VS Code بیایند که برنامه هسته NET را در این ویرایشگر سبک وزن و چند پلتفرمی روانتر و سرگرمکنندهتر میکند.