5 افزونه VSCode که باعث تغییر زندگی شما خواهد شد

09 اسفند 1398, خواندن در 3 دقیقه

در این مقاله از راکت من 5 مورد از بهترین اکستنشن‌های ویژوال استودیو کد را به شما معرفی می‌کنم.

1. scss intellisense

ایجاد متغیرها (variables) در SCSS بسیار جالب است.در قسمت variables.scss متغیرها را می‌توان وارد کرد.

این افزونه باعث می‌شود نام متغیرهای SCSS‌ای که ساختید، در هر جایی از برنامه‌تان‌‌ که نیاز بود فوراً در دسترس باشد. دیگر این‌که، به خاطر سپردن نام‌ها یا جستجوی فایل‌ها لازم نیست.

از این لینک می‌توانید دریافتش کنید. 

2. تغییر نام تگ‌ها به صورت خودکار (Auto Rename Tag)

صرف‌نظر از چارچوب انتخابی شما، وقتی 50 خط بین کد تگ‌های باز و بسته وجود دارد، کدنویسی Front-End (کدنویسی سمت کاربر) در HTML ( یا JSX ) می‌تواند خسته کننده باشد. شاید بخواهید تگ H2 را به H3 تغییر دهید. شاید بخواهید یک div را به یک span تغییر دهید. در هر صورت، از این افزونه استفاده کنید، تا بتوانید به کار خود سرعت بخشید.

این قدرتی است که شما با افزونه auto rename tag به دست آورده‌اید. در این افزونه هر آنچه را که در تگ باز تغییر دهید، به طور خودکار در تگ بسته هم همان تغییر ایجاد می‌شود، و بالعکس.

از این لینک می‌توانید دریافتش کنید. 

3. Duplicate Action

این افزونه به شما قابلیت کپی کردن کل کدهای نوشته شده‌تان را به سادگی می‌دهند.

تنها کافی است که این افزونه را نصب کنید و پس از آن روی فایل مورد نظر کلیک راست کرده و گزینه duplicate file را انتخاب کنید.

از این لینک می‌توانید دریافتش کنید. 

4. CodeStream

عاشق زندگی کردن در (IDE (Integrated Development Environment خود هستید؟ از تیم‌های Trello ، Slack ، Asana ، Bitbucket و Microsoft استفاده می‌کنید؟ CodeStream از تعداد زیادی از ابزارها و IDE ها پشتیبانی می‌کند، بنابراین می‌توانید مشکلات‌تان را بدون ترک کردن محیط برنامه‌نویسی خود پیگیری کنید.

این بدان معناست که در زمان کم‌تری بفهمید که چگونه مسئله امروز را برای همکاران خود توضیح خواهید داد. فقط کافی است که این افزونه را نصب کنید و پس از آن برای همکاران خود، به وسیله‌ی این افزونه کامنتی را قرار دهید.

از این لینک می‌توانید دریافتش کنید.

5. Night Owl

تا به حال این یکی از بهترین تم‌های IDEها بوده است و تم مورد علاقه من نیز است (تصویر بالا در واقع تصویری از فضای کاری فعلی من است). 

همانطور که مشاهده می‌کنید این تم دارک بسیار جذاب است.

از این لینک می‌توانید دریافتش کنید. 

کلام آخر

تاکنون مقالات زیادی در سایت راکت در رابطه با ویرایشگر VSCode منتشر شده است. در زیر من تعدادی از آن‌ها را برای شما قرار می‌دهم، که می‌توانید در ادامه این مقاله آن‌ها را نیز مطالعه کنید.

در پایان نیز برای یادگیری این ویرایشگر کد متن باز می‌توانید به دوره رایگان «آموزش کار با Visual Studio Code» مراجعه کنید 

۱۵ پلاگین کاربردی برای VS Code

نکاتی حرفه‌ای برای کار با VSCode

برترین افزونه‌های VSCode برای JavaScript، در جهت توسعه سریع‌تر

منبع

چه امتیازی به این مقاله می دید؟
خیلی بد
بد
متوسط
خوب
عالی

دیدگاه‌ها و پرسش‌ها

برای ارسال دیدگاه لازم است، ابتدا وارد سایت شوید.

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

آفلاین
user-avatar
علیرضا معمارزاده @alireza.mzh
Student of Software Engineering, python Developer, i love programming and game
دنبال کردن

گفتگو‌ برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن وارد شو