Svelte Series-2: How to install Svelte

• vite

  801 65,358 9.8 TypeScript

  Next generation frontend tooling. It's fast!

  

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.

• nvm

  317 76,496 7.5 Shell

  Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

  

If there are different projects relying on different versions of Node, I recommend installing a node versioning tool such as nvm.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• webpack

  333 64,232 9.8 JavaScript

  A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  

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.

• svelte-loader

  3 548 4.0 JavaScript

  Discontinued Webpack loader for svelte components.

  

Another key to using Svelte in webpack, in addition to the essential svelte, is to install the svelte-loader

• rollup-plugin-svelte

  2 500 4.4 JavaScript

  Compile Svelte components with Rollup

  

The key in Rollup is rollup-plugin-svelte.

• Svelte

  639 76,985 9.9 JavaScript

  Cybernetically enhanced web apps

  

The original installation referred to here is actually the installation prompt that appears on the home page of the official website

• Rollup

  71 24,897 9.5 JavaScript

  Next-generation ES module bundler

  

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.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• SvelteKit

  616 17,873 9.8 JavaScript

  web development, streamlined (by sveltejs)

  

SvelteKit is a framework for building web applications using Svelte.

• Visual Studio Code

  2,872 159,341 10.0 TypeScript

  Visual Studio Code

  

Install Code Editor（VSCode recommended）

Suggest a related project