reference

Site: https://codingcat.dev/tutorial/integrating-storybook-with-sveltekit#steps
Youtube: https://www.youtube.com/watch?v=Kc1ULlfyUcw

history

npm init svelte@next storybook-sveltekit
cd storybook-sveltekit/
npm install
npm run dev
npx sb@next init
npm run storybook
npx svelte-add@latest tailwindcss
npm i -D @storybook/addon-postcss

package version

storybook ^6.5.9
svelte ^3.48.0
tailwindcss ^3.1.4
postcss ^8.4.14
node v18.4.0
npm 8.13.2
windows10
vscode 1.68.1

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm init svelte

# create a new project in my-app
npm init svelte my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.