کد نویسی با روکش کرومی: 10 پسوند که باعث می شود شما مانند یک ابرقهرمان Dev احساس کنید
بوفه مرورگر: خدمت به برخی از نیکی های پوشیده از کروم
سلام ، کادوهای همکار! 👋 صندلی را بالا بکشید ، نوشیدنی کافئین دار مورد علاقه خود را بگیرید و بیایید در مورد چیزی که اخیراً زندگی توسعه دهنده من را آسانتر می کند ، گپ بزنیم: پسوندهای Chrome. اکنون ، من می دانم که شما چه فکر می کنید – “اوه عالی ، لیست دیگری از پسوندها. خمیازه.” اما روی صفحه کلیدهای خود نگه دارید ، زیرا اینها فقط پسوند نیستند. اینها کرم د لا کروم هستند ، نیروگاه های پیکسل که مرورگر شما را به یک دستگاه لاغر ، متوسط و کدگذاری تبدیل می کنند.
آن زمان را که ساعت ها در اشکال زدایی صرف کرده اید به یاد دارید ، فقط برای این که متوجه شوید که یک قسمت اصلی را فراموش کرده اید؟ یا وقتی مجبور شدید بین 50 زبانه تغییر کنید فقط برای پیدا کردن آن پاسخ سرریز پشته؟ خوب ، آن روزها در حال تبدیل شدن به تاریخ باستانی هستند. بیایید به 10 برنامه افزودنی Chrome شیرجه بزنیم که باعث تعجب شما می شود که چگونه بدون آنها کدگذاری کرده اید.
1. Devtools-Time-Saver: React Developer Tools
در مرحله اول ، ما ابزارهای React Developer را داریم. اگر در اجزای React عمیق زانو هستید (و بیایید با آن روبرو شویم ، چه کسی این روزها نیست؟) ، این برنامه افزودنی مانند داشتن دید اشعه ایکس برای ساختار برنامه شما است.
- به سلسله مراتب مؤلفه نگاه کنید
- غرفه ها و حالت را در زمان واقعی بررسی کنید
- عملکرد را با پروفایل پیگیری کنید
این مانند این است که یک متخصص کوچک React را روی شانه خود نشسته و حقایق شیرین شیرین را در گوش خود زمزمه کنید. “PSST ، شما فراموش کرده اید که آن عملکرد را به یاد بیاورید!”
2. Pixel Perfect Pal: Colorzilla
بعدی در لیست ما Colorzilla قرار دارد. این انتخاب کننده رنگ در استروئیدها رویای یک طراح و بهترین دوست Dev Dev است. با Colorzilla ، می توانید:
- رنگ ها را از هر صفحه وب بگیرید
- شیب ایجاد کنید
- پالت های رنگی را ذخیره و سازماندهی کنید
رفته است روزهای چسباندن در صفحه نمایش شما ، سعی در تصمیم گیری در مورد اینکه آیا این سایه #3A5F8E یا #3A5F8F است یا خیر. Colorzilla می داند ، و اکنون شما هم این کار را می کنید.
3. ارباب زمان: wakatime
Wakatime مانند Fitbit برای عادت های برنامه نویسی شماست. این زمان برنامه نویسی شما ، زبانهای مورد استفاده و پروژه های کار شده را ردیابی می کند. مناسب برای:
- بهبود بهره وری
- پیگیری ساعات قابل پرداخت
- احساس قاچاق در مورد میزان کدگذاری
فقط وقتی متوجه می شوید که 37 ساعت برای اشکال زدایی یک عملکرد واحد صرف کرده اید ، برای بحران وجودی آماده باشید. همه ما آنجا بوده ایم ، درست است؟ … درست است؟
4. Whisperer Code: Sourcegraph
Sourcegraph مانند داشتن یک توسعه دهنده ارشد است که به بالای شانه شما نگاه می کند ، اما بدون نفس قهوه. فراهم می کند:
- اطلاعات کد و ناوبری
- منابع و تعاریف را در میان مخازن پیدا کنید
- جستجوی کد که در واقع پایه کد شما را درک می کند
در یافتن و توضیح کد بسیار خوب است ، ممکن است شروع به تعجب کنید که آیا مخفیانه Skynet است یا خیر. اما نگران نباشید ، برای کمک به اینجا اینجاست.
5. Tab Tamer: Onetab
Onetab ماری کوندو از پسوندهای مرورگر است. تمام برگه های باز شما را می گیرد و آنها را در یک لیست واحد و مرتب قرار می دهد. ایده آل برای زمانی که شما دریافت کرده اید:
- 50 زبانه سرریز پشته باز است
- ترکیبی از کار و “تحقیق” (ما نمی گوییم)
- آن یک برگه مهم که نمی توانید پیدا کنید اما نمی خواهید ببندید
این مانند داشتن یک دستیار شخصی است که میز دیجیتال شما را سازماندهی می کند ، منهای نگاه داوری.
6. گرامر نگهبان: دستور زبان
خوب ، من می دانم که شما چه فکر می کنید. “من یک توسعه دهنده هستم ، نه یک نویسنده!” اما مرا بشنو Grammarly فقط برای رشته های نوشتن مقاله انگلیسی نیست. این یک نجات دهنده برای:
- نوشتن پیام های تعهد روشن
- ساخت مستندات قابل درک
- ارسال ایمیل هایی که شما را مانند یک غارنشین وسواس کد صدا نمی کند
از آنجا که بیایید با آن روبرو شویم ، گاهی اوقات مهارت های ارتباطی ما به همان اندازه کد ما به اشکال زدایی نیاز دارد.
7. تسهیلگر تمرکز: StayFocusD
StayFocusD مانند آن دوست است که وقتی در رژیم غذایی هستید ، کوکی را از دست خود بیرون می کشد. به جز به جای کوکی ها ، وب سایت های وقت گیر است. شما می توانید:
- محدودیت های زمان روزانه را برای سایت های حواس پرتی تعیین کنید
- کل سایتها یا زیرگروه های خاص را مسدود کنید
- “گزینه هسته ای” خود را برای تمرکز شدید سفارشی کنید
فقط مراقب باشید که سرریز پشته را مسدود نکنید. همه ما می دانیم که برنامه نویسی واقعی اتفاق می افتد.
8. زیبایی دهنده کد: زیباتر
Prettier مانند یک گره جادویی برای کد شماست. آن را بر روی ظروف سرباز یا مسافر syntax و poof موج بزنید! کد با فرمت زیبا ظاهر می شود. عالی است برای:
- حفظ سبک کد مداوم در تیم ها
- صرفه جویی در زمان در قالب بندی
- پایان دادن به استدلال در مورد زبانه ها در مقابل فضاها (به هر حال این فضاها است. با من مبارزه کنید.)
این بسیار رضایت بخش است ، ممکن است خودتان را با نوشتن کد کثیف فقط برای تماشای زیبای تمیز کردن آن پیدا کنید. نه این که من تا به حال این کار را کرده ام. نه
9. Sidekick Side: https در همه جا
https در همه جا مانند یک محافظ برای مرور شما است. این سایت به طور خودکار سایت ها را از HTTP به HTTPS تغییر می دهد و از اتصال ایمن تر اطمینان می دهد. ایده آل برای:
- محافظت از داده های حساس
- اجتناب از حملات میانه انسان
- هنگام کدگذاری مانند یک عامل مخفی احساس می کنید
فقط اجازه ندهید که به سر شما برود. پوشیدن عینک آفتابی در داخل خانه و اشاره به خود به عنوان “Agent Dev” هنوز در اکثر دفاتر از آن اخم شده است.
10. نیروگاه بهره وری: Todoist
آخرین و مهمترین چیز ، ما TODOIST داریم. این یک مدیر وظیفه است که درست در مرورگر شما ادغام می شود. از آن استفاده کنید تا:
- وظایف و پروژه های برنامه نویسی را سازماندهی کنید
- یادآوری برای مهلت ها
- هنگام بررسی موارد ، احساس موفقیت را احساس می کنید
این مانند داشتن یک مدیر پروژه شخصی ، منهای جلسات مداوم و ایمیل های منفعلانه است.
بسته بندی: مرورگر شما ، اما بهتر
و در آنجا شما آن را دارید ، مردمی! ده برنامه افزودنی Chrome که گردش کار توسعه شما را سریعتر از آنچه می توانید بگویید “Console.log ()” را شارژ می کند. این ابزارها بارها و بارها بیکن من را ذخیره کرده اند ، و فاجعه کدگذاری بالقوه را به برجستگی های سرعت جزئی تبدیل کرده اند.
به یاد داشته باشید ، یک مرورگر مجهز مانند یک جعبه ابزار خوب است-این کار را آسان تر می کند. بنابراین پیش بروید ، به این برنامه های افزودنی یک گردباد بدهید. خود آینده شما از شما سپاسگزار خواهد بود وقتی که در حال کدهای زانو هستید و این یاران دیجیتال برای صرفه جویی در روز از بین می روند.
حال اگر مرا ببخشید ، باید یک برنامه افزودنی نصب کنم تا به من یادآوری کنم تا نصب پسوندها را متوقف کنم. تا دفعه بعد ، کد خود را تمیز و تمیز کننده کروم نگه دارید!
PS اگر از این پست لذت می بردید ، در نظر بگیرید که من را به دنبال shenanigans بیشتر مرتبط با آن دنبال کنید. قول می دهم مقاله بعدی من در مورد پسوندها نباشد. شاید. احتمالاً. خوب ، هیچ وعده ای.
