Dùng bộ mã trong Vite
Nhập trọn bộ ví dụ vào ứng dụng React và TypeScript hiện có.
Dùng dự án hiện có
Chọn Vite trên trang ví dụ. Giải nén toàn bộ bộ tệp theo INSTALL.vi.md rồi nhập SelectedExample.tsx vào màn hình của bạn. Giữ nguyên import CSS Modules và đường dẫn tương đối của tệp hỗ trợ. Không cần router Next.js, CSS framework hay gói hoạt ảnh bổ sung.
Hiển thị trước khi điều chỉnh
Hiển thị một ví dụ trước. Khi đã hoạt động, thay văn bản và kết nối liên kết hoặc hàm xử lý theo API trong bộ mã. Nếu chỉ cần component dùng lại, không đưa kịch bản minh họa vào trang thật.
Dùng script trong package.json của bạn để chạy và build ứng dụng. Bộ tệp là mã nguồn để thêm vào dự án, không phải ứng dụng riêng có quy trình cài đặt và chạy độc lập.
Kiểm tra trang hoàn chỉnh
Kiểm tra kiểu TypeScript, bản build production, màn hình hẹp, bàn phím và giảm chuyển động. Kiểm tra trang thật với reset, phông chữ và bố cục hiện có, không chỉ component đứng riêng.
Nếu import lỗi, kiểm tra chữ hoa, chữ thường và cấu trúc thư mục đã sao chép trước. Không xóa tệp hỗ trợ hoặc vendor chỉ vì chúng không được hiển thị trực tiếp.