Cấu hình Prettier extension
Bây giờ rằng chúng ta đã có một file cấu hình cho Prettier, chúng ta cần đảm bảo VS Code extension được cấu hình
đứng đắn để định dạng code cho chúng ta:
1. Mở VS Code settings bằng cách đi vào File | Preferences… | Settings trên Windows/Linux, hay Code | Settings
… | Settings trên macOS.
2. Trong settings editor đã mở, click lên Workspace tab. Cái này đảm bảo rằng chúng ta lưu tất cả settings của
chúng ta trong một file .vscode/settings.json trong thư mục dự án của chúng ta. Khi các nhà phát triển khác mở
dự án của chúng ta, họ cũng sẽ tự động sử dụng các thiết lập đó.
3. Tìm kiếm editor format on save và check checkbox để làm hoạt động định dạng code trên lưu.
4. Tìm kiếm editor default formatter và chọn Prettier – Code formatter từ danh sách.
5. Để thẩm định rằng Prettier làm việc, mở .prettierrc.json file, thêm một vài khoảng trắng thêm vào phần bắt
đầu của một dòng, và lưu file. Bạn sẽ nhận thấy rằng Prettier định dạng lại code để tuân thủ code style được
định nghĩa. Nó sẽ giảm số khoảng trắng cho thụt dòng thành 2.
Bây giờ rằng Prettier được thiết lập đúng đắn, chúng ta không cần lo lắng về định dạng code của chúng ta thủ
công nữa. Cảm thấy tự do để gõ vào code khi bạn đi và lưu file để có nó định dạng cho bạn!