بهترین افزونه‌های VS Code در سال 2022
ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 2 دقیقه

بهترین افزونه‌های VS Code در سال 2022

VS Code محبوب‌ترین ویرایشگر کد ساخته شده توسط مایکروسافت است. برای ساختن این محصول خارق‌العاده از تکنولوژی‌هایی نظیر JavaScript، TypeScript، HTML و CSS استفاده شده است. در این مقاله برخی از بهترین افزونه‌های این ویرایشگر را با یکدیگر مشاهده خواهیم کرد:

1. Tailwind CSS IntelliSense

این افزونه تجربه‌ی توسعه با Tailwind را برای کاربران از طریق قابلیت‌های پیشرفته‌ای مانند تکمیل خودکار، برجسته‌سازی سینتکس و linting بهبود می‌بخشد. این افزونه توسط بیش از 920 هزار نفر نصب شده است.

تکمیل خودکار

شامل پیشنهادات هوشمندی برای نام کلاس‌ها، توابع و دستورالعمل‌های CSS است.

Linting

خطاها و اشکالات احتمالی را در CSS و مارک‌آپ نشان می‌دهد.

Hover Preview

می‌توانید CSS مربوط به نام کلاس Tailwind را با نگه داشتن ماوس روی آن مشاهده کنید.

برجسته‌سازی سینتکس

با این قابلیت می‌توانید برجسته شدن ویژگی‌های Tailwind را به خوبی مشاهده کنید.

2. Prettier

این افزونه برای قالب‌بندی کردن کدهای شماست. Prettier کدهای‌تان را با توجه به قواعدی خاص و حداکثر طول خطوط تجزیه می‌کند. با این کار یک استایل بهتر از کدها را در اختیارتان قرار خواهد داد. ابتدا برای مرتب کردن کدها باید بخشی از آن را انتخاب کنید. سپس روی آن بخش کلیک راست کنید و فرمت کردن با prettier را بزنید. کدهای مرتب و خوب، شما را به یک فرد حرفه‌ای تبدیل خواهند کرد. بیش از 18 میلیون نفر این افزونه‌ی بسیار کاربردی را نصب کرده‌اند.

3. ES7+ React/Redux/React-Nattive snippet

 

شما می‌توانید روند کارهای خود را با React Snippets سرعت ببخشید. برای صرفه‌جویی در زمان خود می‌توانید این روش‌ها را امتحان کنید. با تایپ کردن کلمات میانبر و سپس فشردن Tab یا Enter می‌توانید از این اسنیپت‌ها استفاده کنید. بیش از 4 میلیون نفر این افزونه را در سیستم‌های خود نصب کرده‌اند.

Imr

برای وارد کردن react از این اسنیپت استفاده کنید. با react v17 دیگر نیازی به این اسنیپ نخواهید داشت.

fre

می‌توانید برای ساختن «for each» از این میانبر استفاده کنید.

rfc

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

منبع

چه امتیازی برای این مقاله میدهید؟

خیلی بد
بد
متوسط
خوب
عالی
5 از 3 رای

/@Pemi.razmi
علیرضا داداشی
دانشجوی مهندسی پزشکی

دیدگاه و پرسش

برای ارسال دیدگاه لازم است وارد شده یا ثبت‌نام کنید ورود یا ثبت‌نام

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

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