آیا از کد ویژوال استودیو (VSCode) برای پروژه های کدنویسی خود استفاده می کنید؟ اگر چنین است، می دانید که چقدر مهم است که ابزار مناسب در اختیار داشته باشید.
خوشبختانه، تعداد زیادی افزونه موجود است که می تواند به شما کمک کند گردش کار خود را ساده کنید و بهره وری خود را افزایش دهید.
در این مقاله، من قصد دارم 15 افزونه VSCode مورد علاقه خود را که به هک های بهره وری ضروری در کار روزانه من تبدیل شده اند، به اشتراک بگذارم.
چه یک توسعه‌دهنده با تجربه باشید و چه به تازگی با VSCode شروع کرده‌اید، این افزونه‌ها مطمئناً به شما کمک می‌کنند کارهای بیشتری را در زمان کمتری انجام دهید.
بنابراین، بدون هیچ مقدمه ای، بیایید در آن شیرجه بزنیم!
💁 – جان با نام مستعار “همیشه آماده”، مهندس نرم افزار، 25
⭐️ جون هان
💁 تغییر نام خودکار برچسب HTML/XML جفت شده.
💡 این افزونه در زمان شما صرفه جویی می کند تا انتهای دیگر تگ موجود را در طول به روز رسانی پیدا کنید! لطفاً اسناد آنها را به خصوص بخش یادداشت بخوانید.
⭐️ آرون باند
💁 با حاشیه نویسی با هشدار، اطلاعات، TODO و موارد دیگر، اظهار نظر کد خود را بهبود بخشید!
💡 اظهار نظر بخشی ضروری از برنامه نویسی است که به بهبود کیفیت، خوانایی و قابلیت نگهداری کد کمک می کند. با صرف زمان برای نوشتن نظرات واضح و مختصر، می توانید کد خود را برای خود و سایر توسعه دهندگان در دسترس تر و کار با آن آسان تر کنید!
⭐️ اولگ شیلو
💁 نقشه کد تعاملی برای تجسم سریع و پیمایش در درون اشیاء کد DOM (مانند کلاس‌ها، اعضا).
💡 من شخصاً از این یکی برای ترسیم الگوهای سفارشی مورد نظرم از جمله ورود به سیستم (اشکال‌زدایی | گزارش‌ها) و نظرات استفاده می‌کنم!
⭐️ جون هان
💁 قطعه کد یا فایل کد را برای چندین زبان اجرا کنید
⭐️ بنابراین
💁 کمک با رابط کاربری گرافیکی برای تولید کدهای رنگی مانند نمادهای رنگی CSS.
💡 شما در واقع می توانید رنگ های خود را تغییر دهید درجا با استفاده از انتخابگر رنگ چقدر باحاله؟ 🤯
⭐️ واقعا مال شما
💁 (پریز بی شرم) یک برنامه افزودنی Snippet که مجموعه‌ای از قطعات API کنسول وب را فراهم می‌کند که به شما امکان می‌دهد به سرعت اولویت‌های گزارش را ایجاد کنید!
⭐️ مایکروسافت
💁 جاوا اسکریپت ESLint را در کد VS ادغام می کند.
💡 با تشکر، مایکروسافت! 🙇🏻♂️
⭐️ GitKraken
💁 تالیف کد را در یک نگاه از طریق حاشیه‌نویسی‌های سرزنش Git و CodeLens تجسم کنید، به طور یکپارچه در مخازن Git پیمایش و کاوش کنید، از طریق تجسم‌های غنی و دستورات مقایسه قدرتمند، بینش‌های ارزشمندی به دست آورید، و موارد دیگر.
💡 اگر می خواهید بفهمید چه کسی یک خط کد(های) مزخرف و مزخرف نوشته است… اما بعد نشان می دهد: “شما · 3 ماه پیش” 👀
⭐️ Wix
💁 نمایش واردات/نیاز به اندازه بسته در ویرایشگر
💡 به همه بسته هایی که نصب می کنید بینش بیشتری به شما می دهد. چیزی برای فکر کردن.. 🤔💭
⭐️ محمد علمری
💁 یک دکوراتور سفارشی که محتوای مطابق را در یک خط “تا” می کند
💡 فریم ورک Tailwind CSS واقعا عالی است، اما منجر به کلاس‌های پرمخاطب زیادی می‌شود. برای آن مشکل خاص، این افزونه مفید است.
⭐️ ریتویک دی
💁 یک سرور محلی توسعه با ویژگی بارگذاری مجدد زنده برای صفحات استاتیک و پویا راه اندازی کنید
💡 این یک سرور NodeJS را می چرخاند و فایل HTML شما را با تمام دارایی های فهرست داده شده ارائه می دهد. علاوه بر این، تمام تغییرات شما بلافاصله پس از ذخیره منعکس می شود! خیلی باحاله، نه؟ 😎
⭐️ کناره گیری
💁 یک پسوند ساده برای خوانایی بیشتر تورفتگی.
💡 رنگ‌های RGB را دوست دارید که با نورپردازی شیک کیبورد شما مطابقت دارند؟ اینو ببین! 🌈
⭐️ زیباتر
💁 با تجزیه کد شما و چاپ مجدد آن با قوانین خاص خود که حداکثر طول خط را در نظر می گیرد، یک سبک ثابت را اعمال می کند و در صورت لزوم کد را بسته بندی می کند.
💡 بی حرف…
⭐️ SonarSource
💁 مانند یک غلط‌گیر املا، SonarLint هنگام نوشتن کد، اشکالات و آسیب‌پذیری‌های امنیتی را با راهنمایی‌های اصلاحی واضح برجسته می‌کند تا بتوانید حتی قبل از اینکه کد متعهد شود، آنها را برطرف کنید.
💡 ما همیشه از خود یاد می گیریم اشتباهات 🙃🥩
⭐️ Diners را مجازات کنید
💁 سبک وزن Rest API Client برای VS Code
این همه مردمی! 🤜🤛
آیا افزونه های دیگری وجود دارد که استفاده می کنید؟ اگر چنین است، حتما در نظرات به من اطلاع دهید! 😉💯
