Skip to main content

SVELTE

Chỉnh sửa trang này trên GitHub

Chào mừng đến với tài liệu tham khảo Svelte! Tài liệu này được thiết kế như một nguồn tài nguyên dành cho những người đã quen thuộc với Svelte và muốn tìm hiểu thêm về cách sử dụng nó.

Nếu bạn chưa (chưa), bạn có thể thích xem hướng dẫn tương tác hoặc các ví dụ trước khi tham khảo tài liệu tham khảo này. Bạn có thể dùng thử Svelte trực tuyến bằng REPL . Ngoài ra, nếu bạn muốn có môi trường có nhiều tính năng hơn, bạn có thể dùng thử Svelte trên StackBlitz .

Bắt đầu một dự án mới liên kết cố định

Chúng tôi khuyên bạn nên sử dụng SvelteKit , nền tảng ứng dụng chính thức từ nhóm Svelte:

npm create svelte@latest myapp
cd myapp
npm install
npm run dev

SvelteKit sẽ xử lý việc gọi trình biên dịch Svelte để chuyển đổi .sveltecác tệp của bạn thành .jscác tệp tạo DOM và .csscác tệp định dạng DOM. Nó cũng cung cấp tất cả các phần khác bạn cần để xây dựng một ứng dụng web như máy chủ phát triển, định tuyến, triển khai và hỗ trợ SSR. SvelteKit sử dụng Vite để xây dựng mã của bạn.

Các lựa chọn thay thế cho SvelteKit liên kết cố định

Nếu vì lý do nào đó bạn không muốn sử dụng SvelteKit, bạn cũng có thể sử dụng Svelte với Vite (nhưng không có SvelteKit) bằng cách chạy npm create vite@latestvà chọn sveltetùy chọn. Với tùy chọn này, npm run buildsẽ tạo các tệp HTML, JS và CSS bên trong distthư mục. Trong hầu hết các trường hợp, bạn có thể sẽ cần chọn một thư viện định tuyến .

Ngoài ra, còn có các plugin cho tất cả các trình đóng gói web chính để xử lý biên dịch Svelte — sẽ xuất ra .js.cssbạn có thể chèn vào HTML của mình — nhưng hầu hết các plugin khác sẽ không xử lý SSR.

Nhóm Svelte duy trì tiện ích mở rộng VS Code và cũng tích hợp với nhiều trình soạn thảo và công cụ khác.

Nhận trợ giúp liên kết cố định

Đừng ngại yêu cầu trợ giúp trong phòng trò chuyện Discord ! Bạn cũng có thể tìm thấy câu trả lời trên Stack Overflow .