در مطلب « کار با یک مخزن کد GitHub از طریق VSCode »، نحوهی Clone یک مخزن کد از پیش موجود در GitHub را بررسی کردیم. گردش کاری دیگری را که میتوان درنظر گرفت، داشتن یک مخزن کد محلی و سپس ارسال آن به یک مخزن کد جدید در GitHub است.
ایجاد یک مخزن کد محلی جدید توسط VSCode
فرض کنید پوشهای را با ساختار ذیل داریم:
وجود فایل gitignore. را در حین کار با Git و ارسال پروژه به مخازن کد فراموش نکنید. این فایل ...
VSCode به همراه امکانات یکپارچهای، جهت کار با یک مخزن کد مبتنی بر Git است و در ادامه بررسی خواهیم کرد که اگر مخزنی در GitHub وجود داشت، چگونه میتوان آنرا تبدیل به یک پروژهی VSCode کرد و سپس با آن کار نمود.
ایجاد یک مخزن کد آزمایشی در GitHub
برای تکمیل و بررسی مباحث این مطلب، یک مخزن کد جدید را در GitHub آغاز میکنیم:
در مرحلهی بعد، آدرس Clone این مخزن کد را کپی میکنیم:
ا ...
در قسمت قبل ، دو عمل متداول نحوهی ایجاد و اجرای یک پروژهی جدید ASP.NET Core را بررسی کردیم. در ادامه میخواهیم معادل سایر اعمالی را که میتوان با نگارش کامل ویژوال استودیو انجام داد، در VSCode نیز برشماریم.
کار با IDE و حرکت بین کدها
در ادامه، همان پروژهای را که در قسمت قبل ایجاد کردیم، مجددا با وارد شدن به پوشهی آن و اجرای دستور . code، توسط VSCode باز خواهیم کرد. سپس فایل Program.cs آنرا باز کنید. فرض کنید ...
پس از معرفی ابتدایی VSCode و نصب افزونهی #C در قسمت قبل ، در ادامه میخواهیم اولین پروژهی ASP.NET Core خود را در آن ایجاد کنیم.
نصب ASP.NET Core بر روی سیستم عاملهای مختلف
برای نصب پیشنیازهای کار با ASP.NET Core به آدرس https://www.microsoft.com/net/download/core مراجعه کرده و NET Core SDK. را دریافت و نصب کنید. پس از نصب آن جهت اطمینان از صحت انجام عملیات، دستور dotnet --version را در خط فرمان صادر کنید: ...
VS Code یک محیط توسعهی یکپارچه است که توسط مایکروسافت توسعه پیدا میکند و دارای مزایای ذیل است:
- سبک وزن است
- بسیار سریع است
- به صورت سورس باز توسعه پیدا میکند
- رایگان است
- چندسکویی است
- انواع و اقسام زبانهای برنامه نویسی را پشتیبانی میکند
- پشتیبانی بسیار مناسبی را از طرف جامعهی برنامه نویسان به همراه دارد
- به همراه تعداد زیادی افزو ...
در این مطلب مثالی را در مورد نحوهی تنظیمات یک پروژهی خالی ASP.NET Core، جهت استفادهی از یک پروژهی Angular CLI قرار گرفتهی در پوشهی آنرا بررسی خواهیم کرد.
پیشنیازها
- مطالعهی سری کار با Angular CLI خصوصا قسمت نصب و قسمت ساخت برنامههای آن، پیش از مطالعهی این مطلب ضروری است.
- همچنین فرض بر این است که سری ASP.NET Core را نیز یکبار مرور کردهاید و با نحوهی برپایی یک برنامهی MVC آن و ارائه ...
میخواهیم زمان نمایش اولین قالب برنامه را به حداقل برسانیم تا تاثیر روانی بهتری را بر روی کاربرانی که برنامه را اجرا میکنند، بگذاریم. برای این منظور در Angular، از Lazy loading استفاده میشود. همچنین این فریم ورک به همراه قابلیت پیش بارگذاری ماژولها نیز هست تا سایر مسیرهای درخواستی را نیز با سرعت هرچه تمامتر نمایش دهد.
زمانیکه کاربری برنامهی تک صفحهای وب را در مرورگر باز میکند، ابتدا فایل index.html را در پاسخ دریافت خواهد ک ...
جهت مقاصد امنیتی، اعتبارسنجی کاربران و یا تحت نظر قرار دادن مسیرها، نیاز است بتوان بررسی کرد که آیا پیمایش یک مسیر، مجاز است یا خیر؟ برای پیاده سازی یک چنین ویژگیهایی در Angular، مفهوم Route Guards یا محافظهای مسیرها پیش بینی شدهاست که شامل چندین نوع محافظ میشوند:
- canActivate : جهت محافظت دسترسی به یک مسیر
- canActivateChild: برای محافظت دسترسی به یک Child Route
- canDeactivate : برای جلوگیری کردن ...
به چندین مسیر که در یک زمان و در یک سطح، نمایش داده میشوند، مسیرهای ثانویه (secondary routes) گفته میشوند و برای ساخت رابطهای کاربری پیچیده مفید هستند. از آنها میتوان برای نمایش چندین پنل در یک صفحه استفاده کرد که هر کدام دارای محتوایی متفاوت، به همراه مسیریابی مستقل و خاص خودشان هستند؛ مانند ساخت یک صفحهی مدیریتی. هرچند میتوان این صفحهی مدیریتی را با درج مستقیم کامپوننتهای آنها در یک صفحه نیز نمایش داد، اما اگر هر کدام نیاز به م ...
در این قسمت ویژگیهای بصری را مانند مشخص سازی مسیر انتخاب شده، در منوی سایت و همچنین نمایش «لطفا منتظر بمانید» را در حین نمایش قسمتهایی که با تاخیر از سرور دریافت میشوند، پیاده سازی خواهیم کرد.
تزئین مسیر انتخاب شده در منوی سایت
برای بهبود ظاهر برنامه نیاز است منوی سایت را به نحوی تغییر دهیم که مشخص کند، اکنون کاربر کدام گزینه را انتخاب کردهاست. این مورد شامل سلسه مراتب مسیریابیها نیز میشود؛ برای مثال فعالسازی ...