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

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.

MyLớp.edu.vn 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

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 – Beautify JavaScript or HTML

Beautify làm việc rất tốt với các mã nguồn HTML và JavaScript. Bạn có thể cài Beautify vào các phần mềm như Sublime Text 2, Adobe Brackets,… để sử dụng cho tiện.

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);
}

Một số từ khóa để tìm kiếm trên Google:

– công cụ làm đẹp code, công cụ tự động làm đẹp code
– auto code format
– code formatter, auto code formatter
– code beautify, code beautifier

Cheers,

The following two tabs change content below.
Tôi là kỹ sư Cơ khí, kỹ sư CNTT trường ĐH Bách Khoa Hà Nội. Tôi hoạt động trong lĩnh vực CNTT, bao gồm Software Development, Web Design, Web Development, Interactive Multimedia and Mobile App, Mobile Game Development. Tôi rất yêu công nghệ và tôi lập ra trang web này để chia sẻ kiến thức về công nghệ với mọi người.

Leave a Reply

Your email address will not be published. Required fields are marked *

*
*
Website