Svelte Series-2: How to install Svelte

Developer Tools Web Application Bundler Software Development

Webpack Landing Page
1

Webpack

Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Pricing:
- Open Source
If we don't want to use Vite or SvelteKit, or if we don't have the means to use them, then we need to integrate Svelte with our own environment. In our daily development, we usually use webpack or Rollup as our project's module management packaging tool. Therefore, I will introduce these two environments, how to build the Svelte environment.

#Web Application Bundler #JS Build Tools #Module Bundler 221 social mentions
Vite Landing Page
2

Vite

Next Generation Frontend Tooling
Pricing:
- Open Source
After we have installed the Node environment, we can use Vite to install. Because the use of Vite has a higher version of Node.js requirements, so I recommend that you install a relatively new Node.js. Currently I use the version for v18.15.0.

#Software Development #Web Frameworks #Developer Tools 388 social mentions
Svelte Landing Page
3

Svelte

Cybernetically enhanced web apps
Pricing:
- Open Source
The original installation referred to here is actually the installation prompt that appears on the home page of the official website.

#Javascript UI Libraries #JavaScript Framework #JS Library 356 social mentions
rollup.js Landing Page
4

rollup.js

Rollup is a module bundler for JavaScript which compiles small pieces of code into a larger piece such as application.
Pricing:
- Open Source
If we don't want to use Vite or SvelteKit, or if we don't have the means to use them, then we need to integrate Svelte with our own environment. In our daily development, we usually use webpack or Rollup as our project's module management packaging tool. Therefore, I will introduce these two environments, how to build the Svelte environment.

#Web Application Bundler #JS Build Tools #Front End Package Manager 47 social mentions
Node.js Landing Page

5

Node.js

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications

#Runtime #JavaScript Runtime #JavaScript 799 social mentions
SvelteKit Landing Page
6

SvelteKit

SvelteKit is the official Svelte application framework
Pricing:
- Open Source
SvelteKit is a framework for building web applications using Svelte.

#Application And Data #Languages & Frameworks #Frameworks (Full Stack) 86 social mentions
Visual Studio Code Landing Page
7

Visual Studio Code

Build and debug modern web and cloud applications, by Microsoft
Pricing:
- Open Source
#Text Editors #IDE #Software Development 1032 social mentions