Membuat Proyek dengan npm create svelte
Buat kerangka proyek SvelteKit baru menggunakan CLI resmi dan pilih opsi yang tepat.
Membuat Proyek dengan npm create svelte adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Alat Pembuatan Kerangka Proyek
Cara resmi untuk memulai proyek SvelteKit adalah dengan perintah npm create svelte@latest. Perintah ini menghasilkan aplikasi yang siap dijalankan.
npm create svelte@latest my-appPertanyaan dari Panduan
Anda akan diminta memilih templat (kerangka dasar, aplikasi demo), dukungan TypeScript, dan alat bantu (ESLint, Prettier, Playwright, Vitest).
Pilihan Templat
Proyek Skeleton menyediakan tata letak minimal. Aplikasi Demo menyertakan contoh permainan Sverdle kecil untuk dipelajari.
Opsi TypeScript
Pilih Yes untuk TypeScript jika Anda menginginkan keamanan tipe. Panduan ini menyiapkan konfigurasi TS dan menggunakan lang="ts" dalam blok skrip.
Memasang Dependensi
Setelah panduan selesai, berpindahlah ke direktori proyek dan pasang paket-paketnya.
cd my-app
npm installMenjalankan Server Pengembangan
Gunakan skrip dev untuk menjalankan server dengan pemuatan ulang otomatis di http://localhost:5173.
npm run devMembuka di Peramban
Kunjungi URL yang tercetak di terminal. Anda seharusnya melihat halaman selamat datang. Edit src/routes/+page.svelte dan lihat perubahannya diterapkan secara langsung.
Pembangunan Produksi
Skrip build menjalankan kompilator dan menghasilkan direktori keluaran yang siap disajikan.
npm run build
npm run previewMemilih Pengelola Paket
Anda dapat menggunakan npm, pnpm, atau yarn. pnpm populer karena penggunaan disknya efisien dan resolusinya ketat.
Menyiapkan Editor
Pasang ekstensi Svelte for VS Code untuk penyorotan sintaks, IntelliSense, dan diagnosis dalam berkas .svelte.
Inisialisasi Git Opsional
Panduan ini menawarkan untuk menginisialisasi repositori git. Jika Anda menyetujuinya, panduan akan menambahkan berkas .gitignore yang sesuai.
Pemeriksaan Singkat
Perintah apa yang membuat proyek SvelteKit baru?
Rangkuman
Sekarang Anda dapat membuat kerangka proyek, memilih TypeScript dan alat bantu, memasang dependensi, serta menjalankan skrip dev atau build.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Membuat Proyek dengan npm create svelte” gratis?
Ya — teks lengkap “Membuat Proyek dengan npm create svelte” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Membuat Proyek dengan npm create svelte”?
Buat kerangka proyek SvelteKit baru menggunakan CLI resmi dan pilih opsi yang tepat. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Membuat Proyek dengan npm create svelte” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Apa Itu Svelte dan Mengapa Svelte Mengompilasi Kode
- Membuat Proyek dengan npm create svelte
- Struktur Proyek: src routes static
- Server Pengembangan dan Penggantian Modul Panas