Hướng dẫn tạo tool làm đẹp code JS, HTML, XML, CSS

Trong quá trình phát triển website bạn thường phải làm việc rất nhiều với các đoạn code js, html, css. Việc chúng bị nén lại chắc chắn sẽ khiến bạn gặp rất nhiều khó khăn trong code. Hiện tại không thiếu các website hỗ trợ việc làm đẹp code tuy nhiên nếu bạn muốn tự sở hữu nó để chủ động hơn thì hãy tham khảo bài viết này.

1. Publish lên host

Bạn có thể sử dụng github như tôi demo ở trên để sử dụng online bằng việc tạo 1 tài khoản github và upload file lên, sau đó sử dụng 

Nội dung file







    Unminify Code Online
    
    
    



    

Input

Output

Clear Copy

2. Dành cho blogspot

Sử dụng với chế độ trang tĩnh, bạn tạo 1 trang mới và dán nội dung sau vào

Input

Output

Clear Copy

Đương nhiên sẽ có sự xung đột class hoặc css vì có sử dụng bootstrap, điều này hoàn toàn phụ thuộc vào trình độ của bạn, căn chỉnh sao cho hợp lý

3. Kết luận

Hiện tại có vô số trang giúp bạn làm việc này tuy nhiên việc tự tạo tool cho mình giúp bạn chủ động hơn, không bị phụ thuộc vào các website khác khi họ gặp sự cố gây gián đoạn

Tool gọn nhẹ dễ tích hợp cơ bản đáp ứng được yêu cầu làm đẹp code

Chúc thành công !

Trong quá trình phát triển website bạn thường phải làm việc rất nhiều với các đoạn code js, html, css. Việc chúng bị nén lại chắc chắn sẽ khiến bạn gặp rất nhiều khó khăn trong code. Hiện tại không thiếu các website hỗ trợ việc làm đẹp code tuy nhiên nếu bạn muốn tự sở hữu nó để chủ động hơn thì hãy tham khảo bài viết này. Bạn có thể xem demo tại đâyBạn có thể sử dụng github như tôi demo ở trên để sử dụng online bằng việc tạo 1 tài khoản github và upload file lên, sau đó sử dụng https://raw.githack.com/ để raw file hoặc upload lên hosting của bạnNội dung fileSử dụng với chế độ trang tĩnh, bạn tạo 1 trang mới và dán nội dung sau vàoĐương nhiên sẽ có sự xung đột class hoặc css vì có sử dụng bootstrap, điều này hoàn toàn phụ thuộc vào trình độ của bạn, căn chỉnh sao cho hợp lýHiện tại có vô số trang giúp bạn làm việc này tuy nhiên việc tự tạo tool cho mình giúp bạn chủ động hơn, không bị phụ thuộc vào các website khác khi họ gặp sự cố gây gián đoạnTool gọn nhẹ dễ tích hợp cơ bản đáp ứng được yêu cầu làm đẹp codeChúc thành công !

Source: https://thevesta.vn
Category: Làm Đẹp