Việc định dạng mã sao cho thống nhất là một thử thách khó khăn đối với đa phần lập trình viên. Prettier chính là công cụ format code của Visual Studio Code giúp bạn duy trì sự nhất quán trong toàn bộ cơ sở mã của nhóm. Cùng tìm hiểu cách dùng Prettier để format code trong VS Code qua bài viết dưới đây. format code của Visual Studio Code giúp bạn duy trì sự nhất quán trong toàn bộ cơ sở mã của nhóm. Cùng tìm hiểu cách dùng Prettier để format code trong VS Code qua bài viết dưới đây. Đọc trước: Mục lục
1. Vì sao nên sử dụng Prettier để format code trong Visual Studio Code?
2. Cách dùng Prettier để format code Visual Studio Code
- 2.1. Bước 1: Dùng lệnh định dạng tài liệu
- 2.2. Bước 2: Chạy format code tự động
- 2.3. Bước 3: Thay đổi cài đặt cấu hình Prettier
- 2.4. Bước 4: Tạo tệp cấu hình Prettier
Khi định dạng code, bạn sẽ bắt gặp một số vấn đề khiến code của bạn trông không được đẹp mắt như:
2. Cách dùng Prettier để format code Visual Studio Code
2.1. Bước 1: Dùng lệnh định dạng tài liệu
2.1. Bước 1: Dùng lệnh định dạng tài liệu
2.2. Bước 2: Chạy format code tự động
2.3. Bước 3: Thay đổi cài đặt cấu hình Prettier
Khi định dạng code, bạn sẽ bắt gặp một số vấn đề khiến code của bạn trông không được đẹp mắt như:
Sự lẫn lộn giữa dấu ngoặc đơn và dấu ngoặc kép
Thuộc tính đầu tiên của đối tượng person đáng lẽ phải nằm ở dòng riêng của nó
- Dấu ngoặc tùy chọn bên ngoài tham số của hàm mũi tên có thể không cần thiếtCách sử dụng phím tắt sắp xếp code trong Visual Studio Code
2.2. Bước 2: Chạy format code tự động
2.3. Bước 3: Thay đổi cài đặt cấu hình Prettier
2.4. Bước 4: Tạo tệp cấu hình Prettier
Khi định dạng code, bạn sẽ bắt gặp một số vấn đề khiến code của bạn trông không được đẹp mắt như:
2.3. Bước 3: Thay đổi cài đặt cấu hình Prettier
2.4. Bước 4: Tạo tệp cấu hình Prettier
- Khi định dạng code, bạn sẽ bắt gặp một số vấn đề khiến code của bạn trông không được đẹp mắt như:
- Sự lẫn lộn giữa dấu ngoặc đơn và dấu ngoặc kép
- Thuộc tính đầu tiên của đối tượng person đáng lẽ phải nằm ở dòng riêng của nó
Dấu ngoặc tùy chọn bên ngoài tham số của hàm mũi tên có thể không cần thiết
2.4. Bước 4: Tạo tệp cấu hình Prettier
Khi định dạng code, bạn sẽ bắt gặp một số vấn đề khiến code của bạn trông không được đẹp mắt như:
Sự lẫn lộn giữa dấu ngoặc đơn và dấu ngoặc kép
Lệnh console trong hàm phải được thụt vào format code Visual Studio Code trên đây, bạn sẽ có được kết quả hoàn hảo đúng như mong muốn.
Dấu ngoặc tùy chọn bên ngoài tham số của hàm mũi tên có thể không cần thiết