ویرگول
ورودثبت نام
shahram dev
shahram dev
خواندن ۳ دقیقه·۱ سال پیش

کد های جاوااسکریپتی تو خوشگل تر بکن...

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



اولین سایتی که میخوام بهتون معرفی بکنم این سایت هستش که خیلی سایت معروف و رایگانی برای این کار هست البته این سایت جدا از ابزار خوشگل سازی کد های جاوااسکریپت ابزار های دیگه ای هم داره و تنها برای جاوااسکریپت نیستش




2: https://beautifierjs.com/


دومین سایتی که میخوام معرفی بکنم این سایت هستش که کاملا استفاده اش رایگان که راحت در عرض یکی دو ثانیه میتونید کد های جاوااسکریپتی تون رو Minify یا Beautify تر بکنید جدا از اینا شما تو این سایت حتی هنگام Beautify کردن میتونید اون حد لول رو هم مشخص بکنید low, medium, high, default که این انعطاف پذیری رو بیشتر تر میکنه .

علاوه بر زیباساز JS، این ابزار گزینه های زیادی مانند JS obfuscator یا javascript obfuscator دارد که از کد JS شما با پیچیده کردن آن محافظت می کند، تا JS را به صورت آنلاین یا جاوا اسکریپت کوچک کند، که کدهای JS شما را حتی بهتر ساده می کند.

تاریک‌ساز کوچک‌سازی جاوا اسکریپت دو ابزار ارزشمند برای برنامه‌نویسان است، بنابراین ما به سختی به شما توصیه می‌کنیم که این ویژگی‌ها را بررسی کنید و در صورت نیاز مطمئن شوید که از آنها استفاده کنید.




3: unminify.com


سایت Unminify یک ابزار آنلاین رایگان و با کاربری آسان است که کدهای جاوا اسکریپت، CSS و HTML را با حذف کوچک کردن (باز کردن بسته‌بندی، رفع ابهام) قابل خواندن و زیبا می‌کند.

برای فرمت کد CSS خود، کد را جایگذاری کنید و روی دکمه UNMINIFY کلیک کنید. پس از تکمیل قالب بندی، می توانید کد را در کلیپ بورد خود کپی کنید یا با استفاده از نماد موجود در گوشه سمت راست پایین، فایل را دانلود کنید.




4: beautifytools.com/


این زیباساز کد آنلاین، کدهای ناخوانا، کوچک شده یا مبهم را به کدهای منظم و با فرمت تبدیل می کند. این تورفتگی صحیح، خطوط جدید و فاصله به کد اضافه می کند تا درک آن را ساده تر کند.

علاوه بر این، بسیاری از گزینه های دیگر برای سفارشی سازی زیباساز با توجه به ترجیحات شما وجود دارد. به عنوان مثال، گزینه هایی مانند افزودن یک سطح تورفتگی، پایان دادن به اسکریپت و استایل با یک خط جدید، حفظ تورفتگی یک آرایه و موارد دیگر وجود دارد.



5: javascriptbeautifier.org

این ابزار آنلاین جاوا اسکریپت Beautifier ابزاری ساده و کاربرپسند است که به شما امکان می دهد کد جاوا اسکریپت را مجدداً فرمت کنید تا قابل درک تر شود. حتی اگر هیچ تابعی به عنوان گزینه در رابط فهرست نشده باشد، به طور خودکار تورفتگی، قالب بندی ساختار یافته و حلقه ها را به کد منبع اضافه می کند.

برای استفاده از این ابزار، کد منبع را کپی-پیست کنید، سپس روی دکمه Beautify کلیک کنید و اکنون درک کد شما واقعا آسان خواهد بود.



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

جاوا اسکریپتکد تمیزبرنامه نویسیطراحی وبفرانت اند
شاید از این پست‌ها خوشتان بیاید