این مقاله بر روی ابزارهای موجود در ویژوال استودیو برای توسعه برنامه های کاربردی وب با استفاده از بوت استرپ تمرکز دارد.
الزامات
مقاله زیر بر اساس Visual Studio 2013 است.
معرفی
بوت استرپ یکی از محبوب ترین چارچوب های HTML، CSS و جاوا اسکریپت برای توسعه پروژه های پاسخگو و سازگار با موبایل در وب است.
بوت استرپ توسعه وب جلویی را سریعتر و آسان تر می کند. این برای افراد در تمام سطوح مهارت، دستگاههایی با هر شکل و پروژههایی در هر اندازه طراحی شده است.
هنگام ایجاد برنامه های وب در ویژوال استودیو، بوت استرپ به طور پیش فرض در پروژه گنجانده شده است که به توسعه دهندگان کمک می کند تا برنامه های وب پاسخگوی پیشرفته ایجاد کنند.
برای افزایش تجربه توسعه، ترفندها، ابزارها و افزونه های ویژوال استودیو در دسترس هستند. این مقاله برخی از این ابزارها را نشان می دهد که ممکن است واقعاً بهره وری توسعه دهندگان را بهبود بخشند و توسعه را بسیار آسان تر کنند.
پشتیبانی از بوت استرپ به صورت پیش فرض برای برنامه های وب در ویژوال استودیو
از ویژوال استودیو، هنگام ایجاد یک برنامه وب جدید، چه فرم های وب یا MVC، بوت استرپ قبلاً در پروژه نصب و بارگذاری شده است.
در زیر نمونه ای از یک برنامه جدید MVC آورده شده است.
همانطور که در زیر مشاهده می کنید، فایل های Bootstrap CSS و JavaScript قبلاً به صورت پیش فرض اضافه شده اند.
![بوت استرپ](https://n7b3p4s2.stackpathcdn.com/UploadFile/a5470d/visual-studio-tools-for-bootstrap/Images/bootstrap.jpg)
![خواص](https://n7b3p4s2.stackpathcdn.com/UploadFile/a5470d/visual-studio-tools-for-bootstrap/Images/properties.jpg)
علاوه بر این، ویژوال استودیو IntelliSense را برای Bootstrap ارائه کرد. این دوباره استفاده از بوت استرپ را بسیار ساده تر می کند و بهره وری توسعه دهندگان را به طور قابل توجهی افزایش می دهد.
![کمک بلوک](https://n7b3p4s2.stackpathcdn.com/UploadFile/a5470d/visual-studio-tools-for-bootstrap/Images/help blok.jpg)
داربست پیش فرض با استفاده از ASP.NET MVC
ویژوال استودیو نه تنها از بوت استرپ پشتیبانی می کند، بلکه می تواند دیدگاه های شما را با استفاده از بوت استرپ ایجاد کند.
در زیر یک مثال اساسی از یک کد داربستی آورده شده است.
مرحله 1