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 از این اسنیپت استفاده کنید.
دیدگاه و پرسش
در حال دریافت نظرات از سرور، لطفا منتظر بمانید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید