Repository files navigation

Hướng dẫn tất tần tật & thực hành để xây dụng một ứng dụng web với Svelte, phiên bản tiếng Việt cho cộng đồng Việt.

Repo này sử dụngpnpm.

Đầu tiên, bạn hãy chạynode scripts/create-common-bundle. Gói này sẽ cài tất cả mọi thứ cần thiết (Vite, esbuild, SvelteKit, Svelte compiler, v.v.) để có thể chạy trên server và tạo một app SvelteKit (được dùng để chạy đầu ra của trang hướng dẫn này). Sau đó, chạydev:

node scripts/create-common-bundlepnpm dev

Để build cho production và chạy trên máy bạn:

pnpm buildpnpm preview

Nếunode scripts/create-common-bundle bị lỗi, hãy thửpnpm install rồi chạy lại. Nếu báo lỗi không tìm thấy gì trongcreate-common-bundle, hãy thêm/index.js.

Hướng dẫn nằm trong thư mụccontent. Mỗi hướng dẫn sẽ cóREADME.md, sẽ là đoạn text phía bên trái, và thư mụcapp-a &app-b, sẽ đại diện chochưa giải vàđã giải. Tệp mà không có thay đổi gì trong công đoạnđã giải thì có thể bỏ qua trongapp-b.

Tệp đánh dấu là đã xoá trongapp-b nếu mở đầu file bằng__delete. Thư mục đánh dấu là đã xoá trongapp-b nếu có một tệp tên là__delete.

Mình khuyến khích nên dịchREADME.md và cả các file trongapp-a &app-b để mọi người dễ hinh dung.

Nhảy gói dependency (vd. Svelte) ở trong thư mục gốc vàcontent/commonpackage.json. Trong thư mục gốc, bấmpnpm i (để cập nhấtpnpm-lock.yaml), trongcontent/common bấmnpm i (để cập nhậtpackage-lock.json).