شایسته ترین پلاگین های VsCode در شرایطی که در حوزه اپلیکیشن نویسی حتی کار اندکی داشته باشین، دستکم یک توشه نام Visual Studio Code یا این که به عبارتی VsCode را شنیده اید. VsCode یکی ادیتور (ویرایشگر) های دوستداشتنی و پرکاربرد حوزه نرمافزار نویسی طراحی سایت در مشهد میباشد که به وسیله کمپانی مایکروسافت ارائه گردیده است. درصورتی که هنوز با این ادیتور دوستداشتنی فعالیت نکردید و قصد یادگیری آن را دارید، توصیه میکنم به عصر یادگرفتن vscode سبزلرن رجوع کنید. هر فرد در گوشه و کنار خاصی درگیر به شغل میباشد و VsCode نیز اطراف کاری برنامه نویس ها میباشد. هر چقدر که دور و اطراف کاری شما دیدنی خیس و زیباتر باشد، به به عبارتی اندازه با علت و لذت بالاتری کد می زنید.
VsCode نیز اکستنشن (پلاگین) های متعددی دارااست که هرکدام از به گونه ای کد نویسی مارا شادی بخش خیس و ریلکس خیس می نمایند. دراین نوشته ی علمی 27 آیتم از شایسته ترین اکستنشن های VsCode را به شما عزیزان معرفی کنیم تا مسیر کد نویسی شما شل خیس گردیده و لذت بیشتری را هنگام فعالیت تجربیات فرمایید.
پلاگین های VsCode چطور نصب می گردند؟
ممکن میباشد اولین بارتان باشد که از برنامه VsCode استعمال میکنید. به محض این که VsCode را روی سیستم خویش نصب کرده و اعمال میکنید، با اطراف پایین مواجه میشوید:
پلاگین های VsCode چطور نصب میگردند؟
همانطور که مشاهده میکنید 5 آیکون در سمت چپ وجود داراهستند که آیکون نهایی به عبارتی نصیب پلاگین ها میباشد.
با کلیک روی آیکون پلاگین ها، وارد اطراف ذیل میشوید:
پلاگین های VsCode چطور نصب میشوند؟
که در ابتدا ترین بخش از همین نصیب یک اینپوت برای Serach مشاهده میکنید. شما می بایست دراین بخش نام پلاگین آیتم نظرتان را بنویسید تا VsCode آن را برای شما پیدا نماید.
از جمله قصد داریم پلاگین Svg Viewer را نصب کنیم. به صورت ذیل شغل میکنیم:
پلاگین های VsCode چطور نصب میگردند؟
با سرچ کردم نام پلاگین Svg Viewer، تک تک پلاگین های مربوط به آن را برای ما لیست می نماید و شما بعداز کلیک روی هر مورد از پلاگین های لیست گردیده در سمت چپ، مستندات و جزئیات به عبارتی پلاگین برای شما گشوده می گردد و با کلیک روی دکمه Install پلاگین روی VsCode شما نصب میگردد، به همین راحتی.
در شرایطی که هنوز در طریق نصب پلاگین پیچیدگی یا این که مشکلی دارید، لطفا ویدئوی مرتبط با این نوشتهعلمی را ببینید تا برطرف خواهد شد.
پلاگین Emmet
شایسته ترین پلاگین های VsCode
همان گونه که میدانید نقطه آغاز حوزه اینترنت یادگیری لهجه Html میباشد که برای طراحی هر سایت، سوای استثنا از آن مستعمل و تک تک برنامه نویس ها فرانت اند با آن رمز و فعالیت داراهستند و روزمره یک سری ساعت Html شغل می نمایند.
در حالی که Html با دور و بر و کدهای کم آبی که داراست، درحالتی که به بازه متعددی با آن شغل فرمایید به طبع خسته کننده خواهد بود و شکیبایی شمارا رمز میبرد.
برای همین پلاگین ای به نام Emmet ارائه گردیده است تاهنگامیکه با Html فعالیت میکنید، سرعت پیشرفت بالایی داشته باشید و در زمان فرصت تحت کد متعددی را بنویسید.
خبر عالی آینده این میباشد که پلاگین Emmet به صورت دیفالت (پیش فرض) روی ادیتور VsCode نصب بوده و نیازی به نصب آن و به راحتی میتوانید از آن به کار گیری فرمائید.
برای دسترسی به شورتکات ها و امکان هایی کهاین اکستنشن در اختیارتان قرار میدهد، میتوانید به چیت ورقه بنا شده در داکیومنت آن به نشانی Emmet.io رجوع کنید.
پلاگین Auto Rename Tag
شایسته ترین پلاگین های VsCode
هنگامی که با Html عمل میکنید با تگ های متعددی رمز و فعالیت دارید، مخصوصا این که با گران قدر خیس شدن پروژه تعداد این تگ ها نیز بیشتر میگردد.
هم اکنون فرض فرمایید قصد دارید نام تگی را تغییرو تحول دهید. در همچین حالتی بایستی هم نام تگ گشوده و هم تگ بسته را تغییر و تحول دهید!
در حالی کهاین قضیه میتوانید وقت متعددی را از شما بگیرد. اینجاست که پلاگین Auro Rename Tag به یاری برنامه نویس ها فرانت اند میاید.
شما پس از نصب این پلاگین در صورتی نام تگی را در نصیب تگ گشوده یا این که بسته تغییر و تحول دهید، نصیب دیگر تگ نیز خویش به خویش تغییر و تحول پیدا می نماید و این مورد میتوانید در صرفه جویی وقت به شما یاری دهد.
پلاگین CodeSnap
شایسته ترین پلاگین های VsCode
ممکن میباشد شما بخواهید قسمتی از کد های پروژه آیتم نظرتان را با یکی دوستان یا این که همکارانتان به اشتراک بگذارید.
در همچین حالتی میتوانید کد را اسکن فرمائید یا این که به یاری تلفن همراه موبایلتان از کد عکس گرفته و در کانال های مجازی برای شخص گزینه نظرتان ارسال نمائید. البته هرمورد از این طرز ها از چگونگی و خوانایی پایینی بهره مند می باشند.
برای همین قضیه پلاگین CodeSnap ساخته شده است. این پلاگین به شما این قابلیت و امکان را میدهد که بتوانید نصیب دلخواهی از کدتان را در پوسته یک تصویر قشنگ داشته باشید و آن را در فضای مجازی به اشتراک بگذارید.
تصویری که پلاگین CodeSnap در اختیارتان قرار میدهد، صورت و ظاهری مثل تصویر پایین را دارااست:
شایسته ترین پلاگین های VsCode
ولی انتخاب رنگ متن، بک گراند، فونت و … از تصویر خروجی تماما قابل فردی سازی است و شما میتوانید از بخش Config آن پیکربندی مورد نیاز را ایفا دهید. (طریق تهیه و تنظیم کردن بخش های دلخواه CodeSnap تماما و کامل در زمان VsCode سبزلرن فراگیری داده گردیدهاست)
پلاگین GlassIt
شایسته ترین پلاگین های VsCode
پلاگین GlassIt یکی شایسته ترین پلاگین های VsCode میباشد که فضا کاری شمارا زیباتر و دیده نوازتر می نماید.
همانطور که از اسمش معلوم میباشد، این پلاگین VsCode شمارا شیشه ای مانند می نماید و شما حین کد نویسی میتوانید پشت VsCode را مشاهده کنید.
ممکن میباشد برایتان پرسش باشد کهاین مسئله چه کمکی به زیباتر شدن دور و بر شغل VsCode می نماید!
چهت نیل به پاسخ این پرسش، به تصاویر تحت اعتنا نمایید:
شایسته ترین پلاگین های VsCode
همانطور که مشاهده میکنید، کافی میباشد یک تصویر دارک یا این که طبیعت روی دسکتاپتان جاری ساختن نمائید و پلاگین GlassIt یک گوشه و کنار بسیار دیدنی و دیده نوازی را برای شما مهیا نماید.
انگار در یک کمپانی نرمافزار نویسی سرگرم به کار میباشید و میز شغل شما
شما حتی میتوانید درصد روشن و شیشه ای بودن VsCode را به صورت دلخواه تهیه نمایید که آحاد طرز های مرتبط با سفارشی سازی آن در زمان یادگرفتن VsCode سبزلرن به طور بدونپول فراگیری داده گردیده اند.
پلاگین Html Preview
هنگامی که کد های Html قسمتی از پروژه را طراحی میکنید، همیشه می بایست به مرورگر مراجعهنمایید تا خروجی فعالیت را ملاحظه کنید.
پلاگین Html Preview این قابلیت و امکان را به شما میدهد که فارغ از رفتن به مرورگر و بیرون شدن از VsCode، بتوانید باطن خویش VsCode خروجی کد هایی که نوشتید را ببینید کهاین قضیه میتواند در صرفه جویی وقت یاری چشمگیری به شما بکند.