Example Svelte Redux Store Counter App

vanzinvestor

Example svelte-redux-store (Counter App)

Example Svelte Redux Store (Couter app)

npm install svelte-redux-store

Svelte TypeScript Template

Feature Support

TypeScript
Redux
SASS/SCSS
VS Code

Use

Create New App

This is a project template for Svelte apps. Base on sveltejs/template. It lives at https://github.com/sveltejs/template.

To create a new project based on this template using degit:

npx degit vanzinvestor/svelte-typescript-template svelte-typescript-app

Note that you will need to have Node.js installed.

Get started

Install the dependencies...

cd svelte-typescript-app
npm install

...then start Rollup:

npm run dev

Navigate to http://localhost:8080. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

If you're using Visual Studio Code we recommend installing the official extension Svelte for VS Code. If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.

After install extension. adjust your VS Code settings

"[svelte]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "svelte.svelte-vscode"
  },

Building and running in production mode

To create an optimised version of the app:

npm run build

You can run the newly built app with npm run start. This uses sirv, which is included in your package.json's dependencies so that the app will work when you deploy to platforms like Heroku.

*If see any error. Please close VS Code and reopen

Reference and special thanks

sveltejs/template Svelte <3 TypeScript VS Code format svelte SCSS/Less Support Add SASS to Svelte JS with svelte-preprocess

Top categories