Để làm cho quá trình phát triển của bạn nhanh hơn và cuộc sống dễ dàng hơn, hãy cài đặt một số Tiện ích mở rộng Visual Studio có kích thước vuông được nêu bên dưới và tạo cho quá trình phát triển của bạn nhiều và rất nhiều công cụ mạnh mẽ hơn giải pháp thay thế
10 tiện ích mở rộng hàng đầu cho ReactJs trong VSCode là:
- The Bracket Pair Colorizer extension. (Deprecated)
- The change-case extension.
- The Code Spell Checker extension.
- The Duplicate Selection extension.
- The EditorConfig for VS Code extension.
- The VSCode React Refactor extension.
- The npm Intellisense extension.
- The ESLint extension.
- The ES7 React/Redux/GraphQL/React-Native snippets extension.
- The Prettier – Code formatted extension.
Bracket Pair Colorizer: Tiện ích mở rộng này cho phép các dấu ngoặc phù hợp được xác định bằng màu sắc. Người dùng sẽ phác thảo các ký tự để khớp và sử dụng màu nào. Mục đích chính của tiện ích mở rộng này là cho phép các dấu ngoặc phù hợp được xác định bằng màu sắc. Bộ tô màu cặp giá đỡ không được dùng nữa vì chức năng này hiện được tích hợp sẵn trong Mã VS. Vì vậy, không cần phải cài đặt riêng.
change-case: Nó là một trình bao bọc xung quanh trường hợp thay đổi nút cho Visual Studio Code. Công việc chính là nhanh chóng sửa đổi trường hợp của lựa chọn này hoặc từ hiện tại. Nó cũng hoạt động với nhiều con trỏ.
Code Spell Checker: Nó là một trình bao bọc xung quanh trường hợp thay đổi nút cho Visual Studio Code. Công việc chính là nhanh chóng sửa đổi trường hợp của lựa chọn này hoặc từ hiện tại. Nó cũng hoạt động với nhiều con trỏ.
Duplicate Selection: Đây là trình kiểm tra chính tả cơ bản hoạt động tốt với mã camelCase . Về cơ bản, nó hỗ trợ phát hiện các lỗi chính tả phổ biến trong khi vẫn giữ số lượng lỗi sai ở mức thấp.
EditorConfig for VS Code: Tiện ích mở rộng này mang lại khả năng sao chép giống như Sublime của văn bản được chỉ định, nó sao chép nội tuyến chứ không phải trong quá trình in, giống như hành vi mặc định của VSCode.
VSCode React Refactor: Tiện ích mở rộng đơn giản này cung cấp các hành động mã cấu trúc lại cho các nhà phát triển React. CNTT trích xuất phần tử JSX thành tệp hoặc chức năng. Nó cũng hỗ trợ cú pháp TypeScript và TSX. Tiện ích mở rộng này hoạt động tốt với các lớp, hàm và hàm mũi tên.
npm Intellisense: Đây là một plugin sẽ tự động hoàn thành tất cả các câu lệnh nhập mô-đun npm. Tất cả các lần nhập cho các mô-đun npm sẽ được tiện ích mở rộng này tự động xử lý.
ESLint: Nó tích hợp ESLint vào hệ thống Mã VS của bạn. ESLint phân tích tĩnh mã của bạn để nhanh chóng tìm ra các vấn đề.
ES7 React/Redux/GraphQL/React-Native snippets: Tiện ích mở rộng này giúp cung cấp các đoạn mã liên quan đến JavaScript và React/Redux trong ES7 với các tùy chọn plugin Babel cho Mã VS của bạn.
Prettier – Code formatter: Nó là một mã được định dạng. Gói VS Code này dùng để định dạng khai thác JavaScript/matter/CSS của bạn đẹp hơn. Về cơ bản, nó phân tích cú pháp mã của bạn và in lại mã đó theo các quy tắc riêng của nó.
=> xem thêm : Trò chơi thể thao điện tử (E-sport) là gì?