Project setup with create-svelte - Practice Problems & Coding Challenges

Challenge - 5 Problems

🧠 Conceptual

intermediate

Understanding the create-svelte command

What does the command npm create svelte@latest do when setting up a new Svelte project?

A It installs Svelte globally on your system for all projects.

B It updates an existing Svelte project to the latest version.

C It runs the Svelte development server immediately without creating any files.

D It initializes a new Svelte project by downloading the latest template and guiding you through setup options.

💡 Hint

Think about what 'create' commands usually do in project setups.

The npm create svelte@latest command downloads the latest Svelte project template and helps you configure your new project interactively.

❓ component_behavior

intermediate

Result of skipping TypeScript during setup

If you run npm create svelte@latest and choose no when asked about TypeScript support, what will be true about your project?

A The project will use plain JavaScript files without TypeScript syntax or type checking.

B The project will still include TypeScript files but without type checking enabled.

C The project will fail to build because TypeScript is required.

D The project will convert all TypeScript files to JavaScript automatically.

💡 Hint

Consider what happens when you decline TypeScript in a setup wizard.

Choosing no TypeScript means the project uses plain JavaScript files and no TypeScript tooling is included.

📝 Syntax

advanced

Correct command to create a Svelte project with npm

Which of the following commands correctly creates a new Svelte project using the latest create-svelte template?

A npm create svelte my-app

B npm init svelte@latest my-app

C npm create svelte@latest my-app

D npm install create-svelte@latest my-app

💡 Hint

Focus on the official recommended command syntax for create-svelte.

The correct command is npm create svelte@latest my-app to create a new project folder named my-app.

🔧 Debug

advanced

Error caused by missing dependencies after create-svelte

After running npm create svelte@latest and choosing options, you try to run npm run dev but get an error about missing modules. What is the most likely cause?

A You forgot to run <code>npm install</code> to install dependencies before running the dev server.

B The create-svelte command failed to create the project folder.

C You need to run <code>npm update</code> before <code>npm run dev</code>.

D Your Node.js version is too new and incompatible with Svelte.

💡 Hint

Think about what step installs packages after project creation.

After creating the project, you must run npm install to download all needed packages before running the dev server.

❓ state_output

expert

Number of files created by default with create-svelte

After running npm create svelte@latest and accepting all default options, how many files (not folders) are created in the root of the new project folder?

A 7

B 9

C 11

D 5

💡 Hint

Count files like package.json, README.md, config files, and main source files.

By default (with TypeScript, ESLint, Prettier), the root folder contains 9 files: .eslintrc.cjs, .gitignore, .prettierrc, README.md, package.json, svelte.config.js, tsconfig.json, tsconfig.node.json, vite.config.ts.