Project setup with create-svelte - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is create-svelte used for?

create-svelte is a tool that helps you quickly start a new Svelte project with a ready setup. It saves time by creating all the basic files and configurations you need.

beginner

Which command do you run to start a new Svelte project using create-svelte?

You run npm create svelte@latest in your terminal. This command starts the setup wizard for your new Svelte project.

intermediate

What choices does the create-svelte setup wizard ask you during project creation?

The wizard asks about:

• Project name
• Type of project (e.g., skeleton, demo app)
• Language preference (JavaScript or TypeScript)
• Additional features like ESLint, Prettier, or Playwright for testing

beginner

After creating a Svelte project with create-svelte, what is the next step to run your app locally?

Navigate into your project folder with cd your-project-name, then install dependencies using npm install. Finally, start the development server with npm run dev.

beginner

Why is it helpful to use create-svelte instead of setting up a Svelte project manually?

It saves time and avoids mistakes by automatically creating the right files and configurations. It also helps beginners by guiding them through choices step-by-step.

What command starts the Svelte project setup with create-svelte?

A npm create svelte@latest

B npm install svelte

C npx svelte init

D svelte new project

The correct command is npm create svelte@latest which runs the setup wizard.

Which of these is NOT a choice during the create-svelte setup wizard?

A Picking a CSS framework like Bootstrap

B Selecting JavaScript or TypeScript

C Choosing project name

D Adding ESLint or Prettier

The wizard does not ask about CSS frameworks like Bootstrap by default.

After creating a project, which command installs the needed packages?

A npm run dev

B npm build

C npm start

D npm install

npm install downloads and sets up all dependencies.

What does npm run dev do in a Svelte project?

A Builds the project for production

B Installs dependencies

C Starts the development server

D Runs tests

npm run dev launches a local server to preview your app while coding.

Why is using create-svelte recommended for beginners?

A It requires manual configuration

B It automatically sets up a ready-to-use project

C It only works with TypeScript

D It installs extra unrelated tools

Create-svelte helps beginners by setting up a project quickly and correctly.

Explain the steps to create and run a new Svelte project using create-svelte.

Think about commands and choices from start to running the app.

Describe why create-svelte is helpful for setting up a Svelte project.

Focus on benefits and ease of use.