Vue Formatter

Giới thiệu về Vue Formatter

Định dạng và làm đẹp Vue Single-File Component với thụt lề nhất quán, giúp mã dễ đọc hơn.

Định dạng các phần template, script và style của Vue single-file component như một tài liệu thống nhất.

Tính năng chính

• Mục đích định dạng Định dạng các phần template, script và style của Vue single-file component như một tài liệu thống nhất.
• Mã nguồn hỗ trợ Dán component .vue có cú pháp template được hỗ trợ, script hoặc script setup và style scoped tùy chọn.
• Tùy chọn trình bày Cấu hình thụt lề và xuống dòng; ngôn ngữ nhúng được parse theo từng section và thuộc tính.
• Kết quả định dạng Kết quả căn chỉnh các khối component, directive, binding, JavaScript hoặc TypeScript và CSS để dễ review.

Cách sử dụng Vue Formatter

Thực hiện quy trình sau để xử lý single-file component Vue an toàn và chính xác.

1. Dán single-file component Vue Dán component .vue có cú pháp template được hỗ trợ, script hoặc script setup và style scoped tùy chọn.
2. Chọn quy tắc định dạng Cấu hình thụt lề và xuống dòng; ngôn ngữ nhúng được parse theo từng section và thuộc tính.
3. Định dạng mã nguồn Chạy formatter sau khi single-file component Vue được parser đọc thành công. Công cụ áp dụng quy tắc trình bày mà không chủ ý đổi cấu trúc đã phân tích.
4. Kiểm tra và sao chép Kết quả căn chỉnh các khối component, directive, binding, JavaScript hoặc TypeScript và CSS để dễ review.

Lưu ý khi sử dụng

• Giữ đúng thuộc tính lang cho TypeScript, SCSS, Pug hoặc preprocessor khác.
• Rà soát văn bản template nhạy với khoảng trắng và nội dung custom block sau khi định dạng.
• Chạy kiểm tra Vue compiler, ESLint và test component trước khi commit thay đổi diện rộng.

Câu hỏi thường gặp