diff --git a/docs/get-started/install.md b/docs/get-started/install.md index 77db823a856b..7e6b2155e8a2 100644 --- a/docs/get-started/install.md +++ b/docs/get-started/install.md @@ -2,24 +2,25 @@ title: 'Install Storybook' --- +Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: + - +
+ +If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. + +
+
storybook init is not made for empty projects diff --git a/docs/get-started/installation-command-section/angular.mdx b/docs/get-started/installation-command-section/angular.mdx deleted file mode 100644 index 806df6d06a57..000000000000 --- a/docs/get-started/installation-command-section/angular.mdx +++ /dev/null @@ -1,8 +0,0 @@ -- Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: - -```shell -# Add Storybook: -npx storybook init -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. \ No newline at end of file diff --git a/docs/get-started/installation-command-section/ember.mdx b/docs/get-started/installation-command-section/ember.mdx deleted file mode 100644 index 6ddc1d135c44..000000000000 --- a/docs/get-started/installation-command-section/ember.mdx +++ /dev/null @@ -1,12 +0,0 @@ -Use the Storybook CLI to install it with a couple of commands. Run this inside your _existing project’s_ root directory: - -```shell -# Add Storybook: -npx storybook init - -# Add Ember storybook adapter -ember install @storybook/ember-cli-storybook - -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. diff --git a/docs/get-started/installation-command-section/html.mdx b/docs/get-started/installation-command-section/html.mdx deleted file mode 100644 index ff3b8ac959d5..000000000000 --- a/docs/get-started/installation-command-section/html.mdx +++ /dev/null @@ -1,15 +0,0 @@ -Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: - -- With npm: - -```shell -npx storybook init --type html -``` - -- With pnpm: - -```shell -pnpm dlx storybook init --type html -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. diff --git a/docs/get-started/installation-command-section/preact.mdx b/docs/get-started/installation-command-section/preact.mdx deleted file mode 100644 index 41e5c040cc9d..000000000000 --- a/docs/get-started/installation-command-section/preact.mdx +++ /dev/null @@ -1,15 +0,0 @@ -Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: - -- With npm: - -```shell -npx storybook init -``` - -- With pnpm: - -```shell -pnpm dlx storybook init -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. diff --git a/docs/get-started/installation-command-section/qwik.mdx b/docs/get-started/installation-command-section/qwik.mdx deleted file mode 100644 index 41e5c040cc9d..000000000000 --- a/docs/get-started/installation-command-section/qwik.mdx +++ /dev/null @@ -1,15 +0,0 @@ -Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: - -- With npm: - -```shell -npx storybook init -``` - -- With pnpm: - -```shell -pnpm dlx storybook init -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. diff --git a/docs/get-started/installation-command-section/react.mdx b/docs/get-started/installation-command-section/react.mdx deleted file mode 100644 index 41e5c040cc9d..000000000000 --- a/docs/get-started/installation-command-section/react.mdx +++ /dev/null @@ -1,15 +0,0 @@ -Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: - -- With npm: - -```shell -npx storybook init -``` - -- With pnpm: - -```shell -pnpm dlx storybook init -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. diff --git a/docs/get-started/installation-command-section/svelte.mdx b/docs/get-started/installation-command-section/svelte.mdx deleted file mode 100644 index 41e5c040cc9d..000000000000 --- a/docs/get-started/installation-command-section/svelte.mdx +++ /dev/null @@ -1,15 +0,0 @@ -Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: - -- With npm: - -```shell -npx storybook init -``` - -- With pnpm: - -```shell -pnpm dlx storybook init -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. diff --git a/docs/get-started/installation-command-section/vue.mdx b/docs/get-started/installation-command-section/vue.mdx deleted file mode 100644 index 41e5c040cc9d..000000000000 --- a/docs/get-started/installation-command-section/vue.mdx +++ /dev/null @@ -1,15 +0,0 @@ -Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: - -- With npm: - -```shell -npx storybook init -``` - -- With pnpm: - -```shell -pnpm dlx storybook init -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. diff --git a/docs/get-started/installation-command-section/web-components.mdx b/docs/get-started/installation-command-section/web-components.mdx deleted file mode 100644 index 41e5c040cc9d..000000000000 --- a/docs/get-started/installation-command-section/web-components.mdx +++ /dev/null @@ -1,15 +0,0 @@ -Use the Storybook CLI to install it in a single command. Run this inside your _existing project’s_ root directory: - -- With npm: - -```shell -npx storybook init -``` - -- With pnpm: - -```shell -pnpm dlx storybook init -``` - -If you run into issues with the installation, check the [Troubleshooting section](#troubleshooting) below for guidance on how to solve it. diff --git a/docs/snippets/common/init-command.npx.mdx b/docs/snippets/common/init-command.npx.mdx new file mode 100644 index 000000000000..43d159637237 --- /dev/null +++ b/docs/snippets/common/init-command.npx.mdx @@ -0,0 +1,3 @@ +```shell +npx storybook@next init +``` diff --git a/docs/snippets/common/init-command.pnpm.mdx b/docs/snippets/common/init-command.pnpm.mdx new file mode 100644 index 000000000000..11533cd674b3 --- /dev/null +++ b/docs/snippets/common/init-command.pnpm.mdx @@ -0,0 +1,3 @@ +```shell +pnpm dlx storybook@next init +```