Project setup with create-svelte - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to start a new Svelte project using create-svelte.

Svelte

npm init [1]@latest

Drag options to blanks, or click blank then click option'

Ainstall-svelte

Bstart-svelte

Ccreate-svelte

Dnew-svelte

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'install-svelte' instead of 'create-svelte'.

Omitting '@latest' version specifier.

Using 'start-svelte' or 'new-svelte' which are not valid commands.

The command npm init create-svelte@latest starts a new Svelte project setup.

2fill in blank

medium

Complete the command to install dependencies after creating the Svelte project.

Svelte

cd my-svelte-project && npm [1]

Drag options to blanks, or click blank then click option'

Ainstall

Bbuild

Cstart

Drun

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'npm run' which runs scripts but does not install packages.

Using 'npm start' before installing dependencies.

Using 'npm build' which is not a valid npm command.

After creating the project folder, npm install installs all needed packages.

3fill in blank

hard

Fix the error in the command to start the development server.

Svelte

npm [1] dev

Drag options to blanks, or click blank then click option'

Arun

Binstall

Cbuild

Dstart

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'npm start dev' which is invalid syntax.

Using 'npm build dev' which builds but does not start dev server.

Using 'npm install dev' which installs packages, not start server.

The correct command to start the dev server is npm run dev.

4fill in blank

hard

Fill both blanks to create a new Svelte project and install dependencies.

Svelte

npm init [1]@latest && cd my-app && npm [2]

Drag options to blanks, or click blank then click option'

Acreate-svelte

Binstall

Cstart

Dbuild

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'start' or 'build' instead of 'install' for dependencies.

Using wrong tool name for project creation.

First, create the project with npm init create-svelte@latest, then install dependencies with npm install.

5fill in blank

hard

Fill all three blanks to create a Svelte project, install dependencies, and start the dev server.

Svelte

npm init [1]@latest && cd my-app && npm [2] && npm [3] dev

Drag options to blanks, or click blank then click option'

Acreate-svelte

Binstall

Crun

Dstart

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'start' instead of 'run' for running scripts.

Skipping the install step.

Using wrong tool name for project creation.

Use npm init create-svelte@latest to create, npm install to install, and npm run dev to start the server.