انتقال تجربیات در حوزه برنامه نویسی دات نت

۵ مطلب با موضوع «Visual Studio» ثبت شده است

آموزش Bundling and Minification


Bundling and Minification

دو تکنیکی هستند که در ASP.NET 4.5 میتوانید از آنها جهت بهبود زمان بارگذاری در وب سایت استفاده نمایید. این دو تکنیک باعث کاهش تعداد درخواست ها به سرور و همچنین کاهش حجم فایل ها (مانند CSS و JavaScript) میگردد.

Minification

باعث حذف کامنت ها و دستورات بلا استفاده میگردد، که در نتیجه باعث کاهش حجم فایل شده. (تأثیری در نتیجه اجرای برنامه نخواهد داشت)

ادامه مطلب...
۲۰ خرداد ۹۶ ، ۰۹:۵۰ ۰ نظر موافقین ۰ مخالفین ۰
احسان احسانی اطهر

نکات کاربردی در ویژوال استدیو

افزودن Bookmark:

اگر در حین نوشتن کد میخواهید قسمتی را مشخص کنید که در آینده دوباره به آنجا برگردید و آن قسمت را به یاد داشته باشید میتوانید از bookmark استفاده کنید:
Ctr + K + K (Press K Twice)
برای نمایش Bookmark ها :
Ctr + K + W (=> View > Bookmark Window)
با دوبار کلیک بر روی نام Bookmark به محل مورد نظر میروید. ضمنا با کلیک راست کردن روی نام Bookmark و انتخاب گزینه Rename میتوانید نام آن را تغییر دهید تا مدیریت بهتری رو آنها داشته باشید.

ادامه مطلب...
۱۷ خرداد ۹۶ ، ۰۹:۱۸ ۰ نظر موافقین ۰ مخالفین ۰
احسان احسانی اطهر

استفاده از Resharper

Ctr + T : جستجو در بین تمامی فایل ها و محتوای آنهای

Ctr + Shift + T : جستجوی فایل

ُShift + Alt + T : جستجو در کل یک Solution

, + Ctr : آخرین فایلهایی که باز بودند

, + Ctr + Shift : بازگشت به محل قبلی که در حال ادیت بودید

Ctr + Click : پنجره Navigate to

F12: با زدن F12 بر روی کلاسهای دات نت میتوان به Source آنها دسترسی پیدا کرد.

Alt + Enter : اصلاح خطا

Ctr + Shift + R: جهت Refactor کردن

روی Solution میتوان کلیک راست کرد و گزینه Refactor و سپس گزینه adjust name spaces را کلیک کرد تا تمامی namespace ها را اصلاح کند.

و یا remove unused references باعث حذف reference های اضافه بدون استفاده خواهد شد.

Ctr + Alt + Insert: جهت ساختن کلاس، اینترفیس، صفحه ،و ... بدون نیاز به کلیک راست کردن روی solution و انتخاب new item

Ctr + E + U: نوشتن بدنه برخی دستورات: مثل try..catch یا while و ...

Resharper همچنین از سایر framework ها مثل jQuery یا MVC پشتیبانی میکند. مثلا به راحتی در MVC میتوانید نام PartialView های موجود را مشاهده کنید و یا مثلا در jQuery میتوانید لیست عناصر صفحه را با توجه به id و یا css کلاس آنها مشاهده و به راحتی آیتم مورد نظر را انتخاب کنید:

$("#createmenu").

همچنین resharper امکانات خوبی در css به شما میدهد.

resharper را میتوان در پروژه های Unit test نیز استفاده کرد.


نکته: اگر برخی از دستورات بالا به درستی کار نکرد مراحل زیر را انجام دهید:

  1. Reset current keyboard configuration (Tools | Options | Environment | Keyboard | Reset).
  2. Go to ReSharper | Options | Environment | Keyboard & Menus | "Visual Studio" | Apply Scheme.
  3. Click Ctrl+T
  4. Choose "Use ReSharper command" in the opened popup(check "Apply to all ReSharper shortcuts")

اگر این روش جواب نداد از روش زیر استفاده کنید:


Setting to Resharper / Options / KeyBoard & Menus / None / Apply and Save

and then

Resharper / Options / KeyBoard & Menus / Set to Visual Studio / Apply and Save

۱۰ خرداد ۹۶ ، ۰۶:۵۰ ۰ نظر موافقین ۰ مخالفین ۰
احسان احسانی اطهر

Map Mode For Vertical Scroll Bar

در ویژوال استدیو میتوان scroll bar را به صورت Map Mode نمایش داد که ممکنه برای شما کاربردی باشه. یکی از خصوصیت های این روش اینه که بدونه اینکه بخواهید صفحه را اسکرول کنید میتونید با نگه داشتن موس روی اسکرول بار سورس ها رو مشاهده کنید و مزیت دیگه اینه که میتونید بدون اینکه مجبور باشید Region ها رو باز کنید بتونید داخلشون رو ببینید.

نمایی از Map Mode Scroll bar



نحوه تغییر scroll bar در ویژوال استدیو:

از منو Tools گزینه Option را انتخاب کرده در صفحه باز شده کلمه Scroll را سرچ کنید در قسمت All languages گزینه Scroll Bar را انتخاب کنید و سپس در قسمت Behavior گزینه Use Map Mode را انتخاب کنید تیک گزینه Show Preview را هم بزنید.

۱۷ شهریور ۹۵ ، ۱۱:۵۰ ۰ نظر موافقین ۱ مخالفین ۰
احسان احسانی اطهر

مدیریت سورس کد

شاید برای شماهم زیاد پیش اومده باشه که پس از انجام تغییرات روی یک پروژه فولدر پروژه رو زیپ میکنید و با تاریخ مورد نظر در یک جا به عنوان پشتیبان کپی میکنید تا اگه روزی متوجه اشتباهی در کدها و تغییرات شدید بتونید فایل های قبلی رو مشاهده و یا بازیابی کنید.

نرم افزار های مدیریت سورس یا همون Source Control ها برای همین منظور تولید شدند تا ما به راحتی با استفاده از اونها بتونیم تاریخچه تغییرات سورس کدها رو داشته باشیم.

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

1- Centralize

مانند TFS Server که تاریخچه فایل ها و تغییرات روی یک سرور متمرکز وجود دارد.

2- Distributed

مانند Git که نیازی به سرور ندارند و میتوان حتی به صورت لوکال روی یک سیستم موجود باشد و تمامی کاربران تاریخچه های تغییرات را دارند. وجود سرور این ضعف را دارد که در صورت آسیب دیدن سرور پروژه دچار مشکل میشود.

پروژه Git در اصل برای لینوکس ایجاد گردید اما به جهت شهرت و کاربردهای فراوان مایکروسافت آن را به ویژوال استدیو نیز اضافه کرد.

نحوه انجام کار:

برای اینکه پروژه خودمان را بتوانیم به صورت Git مدیریت کنیم در ویژوال استدیو  در  پنجره solution روی solution راست کلیک کرده و گزینه Add Solution To Source Control را میزنیم در پنجره باز شده گزینه Git را انتخاب میکنیم. سپس دوباره در پنجره solution روی solution راست کلیک کرده و commit را میزنیم، یک نام دلخواه هم مثلا Initial به عنوان کامنت میدهیم و Commit میکنیم. در حین کار و پس از تغییرات روی پروژه میتوانیم همین کار را انجام دهیم و کامیت های مختلف داشته باشیم. بهتر است نام های خوبی برای کامیت ها داشته باشیم مثلا اگر یک صفحه جدید محصولات به پروژه اضافه کردیم نام Add_Product_Page را به عنوان کامنت بدهیم.

درصورتی که بخواهیم History یک فایل را مشاهده کنید کافیست روی آن راست کلیک کرده و گزینه view history را بزنید.


توجه:

انجام فرایند های فوق باعث میشود پروژه شما به صورت لوکال توسط Git مدیریت شود و همواره تمامی تغییرات و History ها در کنار پروژه شما خواهد بود اما اگر میخواهید علا بر موارد فوق یک بک آپ آنلاین هم داشته باشید تا در صورت حذف ناخواسته پروژه سورس های خود را از دست ندهید پیشنهاد میکنم از TFS Online خود مایکروسافت استفاده کنید. که باید با یک اکانت ایمیل مایکروسافت لاگین کرده و مابقی ماجرا.


برای اینکه پروژه های لوکال شما پس از هربار کامیت ، مستقیم روی TFS آنلاین هم ذخیره شود پس از کامیت کردن پروژه در پنجره زرد رنگ نمایش داده شده گزینه Sync را بزنید.

پس از زدن دکمه Sync در پنجره بعدی از شما یک آدرس به عنوان Repository میخواهد که باید ابتدا در TFS آنلاین عضو شده و وارد صفحه خود شوید: مثلا آدرس صفحه شما اگر نام اکانت شما Test باشد بدین صورت خواهد بود:

test.visualstudio.com

سپس در پنل خود New team project را زده و یک پروژه دلخواه ایجاد کرده. سپس وارد منوی Code شده و آدرس نمایش داده شده را به عنوان repository کپی کنید و وارد قسمت مربوطه در ویژوال استدیو کنید تا از این به بعد هربار که پروژه را sync کردید در این آدرس نیز ذخیره گردد.


برای افزودن دوستان خود به پروژه میتوانید در صفحه پروژه ها گزینه Invite a friend را بزنید.

برای اینکه دوستان شما بتوانند پروژه ای که آنها را به عنوان همکار اضافه کردید را ببینند باید وارد صفحه شما بشوند. مثلا اگر صفحه شما test.visualstudio.com است دوستانتان پس از لاگین باید در آدرس بار همین آدرس را زده تا بتوانند پروژه های مروبط را مشاهده کنند و در صورت نیاز آنها را روی کامپیوتر خود Clone کنند تا بتوانند روی آنها کار کنند


نکته: شما میتوانید پروژه های خودتان را به جای TFS روی سروس های خود Git آپلود کنید این سرور همان سایت معروف Github میباشد که البته نسخه رایگان آن بدین صورت است که سورس کدهای شما را دیگران نیز میبینند. (برای کسب شهرت و در اختیار قرار دادن علم و دانش به دیگران میتوانید از این روش استفاده کنید)

۱۱ شهریور ۹۵ ، ۱۰:۴۳ ۰ نظر موافقین ۰ مخالفین ۰
احسان احسانی اطهر