Cấu hình Prettier
Prettier sẽ định dạng code cho chúng ta và thay thế cái định dạng code mặc định cho Javascript trong VS Code.
Nó sẽ cho phép chúng ta dùng nhiều thời gian hơn viết code, tự động định dạng nó cho chúng ta đúng đắn khi bạn
lưu file. Đi theo các bước này để cấu hình Prettier:
1. Click phải dưới danh sách các files ở sidebar bên trái của VS Code (nếu nó không được mở, click biểu tượng
Files) và nhấn New file… để tạo một file mới. Gọi nó .prettierrc.json (không quên dấu chấm tại phần bắt đầu
của tên file!).
2. File mới được tạo nên mở tự động, nên chúng ta có thể bắt đầu viết cấu hình sau vào nó. Chúng ta trước tiên
tạo một object mới và thiết lập tùy chọn trailingComma thành all để đảm bảo các objects và mảng cái có thể mở rộng
trên nhiều dòng luôn có một dấu phẩy ở cuối, thậm chí cho phần tử cuối. Cái này giảm số các dòng chạm khi cam
kết một thay đổi qua Git:
{
“trailingComma”: “all”,
3. Sau đó, chúng ta thiết lập tùy chọn tabWidth thành khoảng trắng 2:
“tabWidth”: 2,
4. Thiết lập printWidth thành 80 kí tự mỗi dòng để tránh các dòng dài trong code của chúng ta:
“printWidth”: 80,
5. Thiết lập tùy chọn semi thành false để tránh các dấu chấm phẩy nơi không cần thiết:
“semi”: false,
6. Cuối cùng, chúng ta buộc sử dụng các nháy đơn thay vì các nháy đôi:
“jsxSingleQuote”: true,
“singleQuote”: true
}
Chú ý: Các thiết lập này cho Prettier chỉ là một ví dụ của một thông lệ của coding style. Tất nhiên, bạn tự do
điều chỉnh những cái này theo ưa thích của bạn. Có nhiều tùy chọn hơn, tất cả chúng có thể tìm thấy trong tài
liệu Prettier (https://prettier.io/docs/en/options.html).