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

ادیتور vscode به تنهایی ممکن است نیاز هر برنامه نویسی را برطرف نکند،اما با نصب بعضی افزونه های کاربردی می توان به عملکردی بهتر و راحتی بیشتر در برنامه نویسی دست یافت.در این لیست نه بهترین افزونه ها،بلکه افزونه هایی معرفی می شود که من از آن ها در vscode استفاده می کنم.ویم (Vim)افزونه vimویم خود یک ادیتور محبوب برنامه نویس ها است که معمولا در توزیع های لینوکسی به صورت پیش فرض نصب است،اما برای تبدیل کردن آن به ادیتوری برای برنامه نویسی باید زمان گذاشت.اما با کمک این افزونه می توان از قدرت vim در vscode بهره برد و قدرت هر دو ادیتور را با هم داشت.لینک نصب:https://marketplace.visualstudio.com/items?itemName=vscodevim.vimتیلویند (tailwind)افزونه tailwindتیلویند یکی از فریمورک های محبوب css است و به کمک این افزونه می توان از قابلیت های autocomplete و قابلیت های دیگر آن بهره برد.لینک نصب:https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcssافزونه Quokka.jsافزونه Quokka.jsبه کمک این افزونه می توان خروجی کد های javascript و typescript را به صورت زنده(live) دید.(برای استفاده از آن یک فایل جدا باز می شود،نه اینکه بر روی فایل های باز شده نتیجه را نشان بدهد!)لینک نصب:https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscodeافزونه Code Spell Checkerافزونه Code Spell Checkerاین افزونه کد و اسناد را از نظر گرامر انگلیسی بررسی می کند و در صورت اشتباه آن را گزارش می کند.لینک نصب:https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checkerافزونه Material Icon Themeافزونه Material Icon Themeاین افزونه ایکون های زیبایی را به جای آیکون های پیش فرض vscode برای پوشه ها و فایل ها قرار می دهد.لینک نصب:https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-themeافزونه npm intellisenseافزونه npm intellisenseبا استفاده از این افزونه تنها با نوشتن بخشی از اسم ماژول npm آن را به صورت خودکار به پروژه اضافه می کند.لینک نصب:https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisenseافزونه Auto Rename Tagافزونه Auto Rename Tagبا استفاده از این افزونه،اگر تگ باز شده را اصلاح کنید،تگ بسته هم اصلاح می شود.لینک نصب:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tagافزونه HTML CSS Supportافزونه HTML CSS Supportاین افزونه پشتیبانی vscode از html و css را بهتر می کند و قابلیت هایی مثل autocomplete بهتری در اختیار ما قرار می دهد. لینک نصب:https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-cssافزونه Color Highlightافزونه Color Highlightاین افزونه رنگ های پیدا شده در کد شما را با همان رنگ برجسته(highlight) می کند. لینک نصب:https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlightافزونه GitLensافزونه GitLensاین افزونه بعضی قابلیت های گیت را با یک کلیک ساده در اختیار شما قرار می دهد.برای اینکه کاربرد آن را درک کنید،آن را نصب کرده و در یک پروژه ای که در آن گیت استفاده شده است،امتحان کنید.لینک نصب:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlensافزونه ESLintافزونه ESLintاین افزونه بعضی خطاهای کدهای جاوااسکریپتی را به صورت زنده(live) نشان می دهد.برای استفاده از آن باید علاوه بر نصب افزونه آن،ماژول آن را در پروژه تان نصب داشته باشید و یک سری تنظیمات را اعمال کنید.لینک نصب:https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslintافزونه Prettierافزونه Prettierبا نصب این افزونه و تنظیم آن،کد شما را با استایل مخصوصی مرتب می کند که خوانایی کد شما را افزایش می دهد.لینک نصب:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscodeافزونه JavaScript (ES6) code snippetsافزونه JavaScript (ES6) code snippetsاین افزونه اسنیپت هایی برای کدنویسی سریعتر در فایل های جاوا اسکریپتی و بعضی فریمورک های آن فراهم می کند.لینک نصب:https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippetsافزونه Pretty TypeScript Errorsافزونه Pretty TypeScript Errorsاین افزونه ای ارورهای مربوط به تایپ اسکریپت را بهتر و قابل فهمتر نشان می دهد.لینک نصب: https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors افزونه Project Dashboardافزونه Project Dashboardبا این افزونه شما می توانید تمام پروژه هایی که دارید را با یک کلیک باز کنید و خیلی سریعتر بین پروژه ها جا به جا شوید.لینک نصب:https://marketplace.visualstudio.com/items?itemName=kruemelkatze.vscode-dashboardمنبی غنی برای vscode:مجموعه عظیمی از تم ها،افزونه ها و ... در مورد vscode در این لینک:https://github.com/viatsko/awesome-vscodeاگر این مقاله برای شما مفید بود،آن را با دوستان خود به اشتراک بگذارید.