Trong quá trình viết và copy code, bạn sẽ không thể tránh khỏi việc làm cho code lộn xộn, khó nhìn. Một số phần mềm như Dreamweaver, Sublime Text đã trang bị sẵn các công cụ làm đẹp code, gọi là Auto Code Format. Tuy nhiên, có lúc các công cụ này không làm việc hoàn toàn đúng như ý bạn. Việc sử dụng các công cụ online hỗ trợ làm đẹp code là một việc rất đơn giản mà các nhà viết code nên làm, nên tận dụng.

Xin giới thiệu tới các bạn 5 công cụ tự động làm đẹp code mà bạn nên thử qua, chắc chắn bạn sẽ cảm thấy rất tiện lợi khi sử dụng các công cụ này.

5 công cụ làm đẹp code bạn nên thử qua

5 công cụ làm đẹp code bạn nên thử qua

1. Tabifier

Tabifier là một công cụ hết sức đơn giản. Công việc của bạn chỉ là, chọn ngôn ngữ muốn format, dán đoạn mã cần format vào khung phía trên, click lên nút và nhận kết quả trong khung phía dưới. Tabify hỗ trợ các họ ngôn ngữ HTML, CSS, C Style và JSON.

2. Code Beautifier

Code Beautifier là công cụ chuyên để format code CSS. Bù lại, công cụ này có rất nhiều tùy chọn. Tuy nhiên, đây cũng là điều khiến một số bạn ít kinh nghiệm bị hoang mang!

3. Clean CSS

Đây là công cụ làm đẹp code hỗ trợ rất nhiều các ngôn ngữ, gần như đầy đủ những ngôn ngữ phổ biến nhất như CSS, HTML, JavaScript, JSON, XML, PHP, Python,…

4. HTML Formatter

Như tên gọi, HTML Formatter cũng là một công cụ đơn giản để giúp bạn làm đẹp code HTML.

5. jsbeautifier.org

jsbeautifier.org làm việc rất tốt với các mã nguồn HTML và JavaScript.

Note: Bạn có thể dùng các công cụ trên để giải nén (unpack) các đoạn mã CSS, JavaScript đã bị nén (minified) cho dễ đọc, dễ hiểu hơn.

Ví dụ:

var x=5;x++;if (x<10) {document.write("0"+x);} else {document.write(x);}

sẽ được làm đẹp thành:

var x = 5; x++; if (x < 10) { document.write("0" + x); } else { document.write(x); }

© Copyright 2015, Design by trungleit.B'log