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

2024 نویسنده: Malcolm Clapton | [email protected]. آخرین اصلاح شده: 2023-12-17 03:54

برنامه های افزودنی برای Chrome و Visual Studio Code که بسیاری از کارهای کدنویسی را آسان کرده و در وقت شما صرفه جویی می کند.

افزونه های کروم

1. WhatFont یک راه آسان برای پیدا کردن فونت مورد استفاده در یک سایت خاص است تا آن را پیدا کنید و از آن در پروژه های خود استفاده کنید.

2. آفت کش ابزاری برای برجسته کردن خطوط کلی و تغییرات CSS است. هنگام تسلط بر مدل چیدمان بلوک مفید است.

3. Colorzilla ابزاری برای دریافت رنگ های دقیق از وب سایت ها است. برای راحتی، کد رنگ مستقیماً در کلیپ بورد کپی می شود.

4. CSS Peeper افزونه ای برای مشاهده رنگ ها و دارایی های مورد استفاده در وب سایت ها است: تصاویر، اسناد متنی، فایل های طرح بندی، فایل های ویدئویی.

5. Wappalyzer ابزاری است که به شما امکان می دهد سیستم های مدیریت محتوا، چارچوب ها، نرم افزار سرور، ابزارهای تجزیه و تحلیل و سایر فناوری های مورد استفاده در سایت ها را شناسایی کنید.

6. React Developer Tools یک ابزار مفید برای اشکال زدایی برنامه های React.js است.

7. Redux DevTools ابزاری برای اشکال زدایی برنامه ها با استفاده از Redux است.

8. JSON Formatter افزونه ای برای ساده کردن خوانایی JSON با برجسته کردن نحو، تورفتگی و پیوندهای قابل کلیک است.

9. Vimeo Repeat and Speed یک افزونه ساده برای افزایش سرعت سرویس ویدیویی Vimeo است که هنگام تماشای آموزش های ویدیویی مفید است.

برنامه های افزودنی برای VS Code

10. Auto Rename Tag افزونه ای برای تغییر نام تگ های HTML است. وقتی تگ باز را تغییر می دهید، تگ بسته شدن به طور خودکار تغییر می کند.

11. پشتیبانی HTML CSS - پشتیبانی از CSS برای اسناد HTML با برجسته سازی نحو، اتصال فایل های CSS راه دور و سایر ویژگی های مفید.

12. HTML Snippets قطعه های آماده ای برای صرفه جویی در زمان هستند.

13. Babel ES6 / ES7 یک ابزار برجسته سازی و بررسی نحوی بابل در جاوا اسکریپت است.

14. Bracket Pair Colorizer ابزاری برای رنگ آمیزی براکت های باز و بسته با رنگ های خاص برای یافتن سریع آنها است.

15. ESLint - ادغام ESLint در کد ویژوال استودیو برای بررسی کیفیت کد شما و یافتن اشکالات.

16. راهنماها - خطوط راهنمای اضافی را به کد شما اضافه می کند تا یافتن عناصر باز و بسته را آسان تر کند.

17. JavaScript Console Utils ابزاری است برای ساده سازی ایجاد عبارات مفید console.log ()، از جمله درج سریع کد برای ثبت یک متغیر انتخاب شده.

18. Code Spell Checker افزونه ای برای بررسی سریع املای کد است.

19. GitLens یک ابزار مفید برای تجسم اطلاعات تاریخچه کد است تا بتوانید زمان و توسط چه کسی تغییرات ایجاد شده را ردیابی کنید.

20. Path Intellisense ابزاری برای تکمیل خودکار نام فایل ها به عنوان یک خط است.

21. Prettier افزونه ای برای قالب بندی خودکار کد و آوردن بخش های مختلف آن به یک فرم واحد است.

22. VSCode-Icons - برای جستجوی آسان تر و درک بصری بهتر، نمادهای بصری را به درخت فایل اضافه کنید.

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