Skip to content

Instantly share code, notes, and snippets.

@B3nnyL

B3nnyL/StorybookVueProjectSetup .md

Last active October 21, 2018 20:58
Show Gist options
  • Save B3nnyL/154982fda63a955e1423e4966e982ebe to your computer and use it in GitHub Desktop.
Save B3nnyL/154982fda63a955e1423e4966e982ebe to your computer and use it in GitHub Desktop.
Download ZIP
A simple how-to guide for setting up Storybook+Vue project via StorybookCLI and VueCLI3
Raw
StorybookVueProjectSetup .md
  • Step 1: Initiate a Vue project with Vue CLI 3
  • Step 2: Install @storybook/cli@4.0.0-alpha.24 globally: npm i -g @storybook/cli@4.0.0-alpha.24
  • Step 3: Add Storybook to Vue project via storybook CLI: getStorybook
  • Step 4: Update @storybook/vue to 4.0.0-alpha.24: npm i @storybook/vue@^4.0.0-alpha.24
  • Step 5: Install babel-preset-vue as devDependency: npm i -save-dev babel-preset-vue
  • Start storybook and happy storybook time: storybook start
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment