故事书基础::books:带Vue.js课程的故事书的源代码

  • y2_251355
    了解作者
  • 197.5KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-21 03:17
    上传日期
Vue.js的故事书 该存储库包含上的课程的示例代码。 使用Storybook,我们可以创建可视化的组件库和游乐场,在隔离的环境中可以在其中记录,展示和与Vue.js组件进行交互。 在此Storybook课程中,您将学习如何使用Vue CLI在任何Vue.js项目中安装和配置Storybook。 您还将学习如何组织和编写故事以展示Vue.js组件的不同状态。 Storybook的伟大之处在于它与我们的项目脱钩,这使我们能够快速制作原型或演示功能和进度。 想象一下,能够在单独的(本地或在线)网站中快速演示处于不同状态(打开,关闭,选定,禁用等)的日期选择器组件。 精心组合的故事书套件可
storybook-fundamentals-master.zip
  • storybook-fundamentals-master
  • src
  • assets
  • logo.png
    6.7KB
  • tailwind.css
    61B
  • components
  • legacy.stories.js
    140B
  • LimitedInput.stories.mdx
    540B
  • CheckBox.stories.js
    287B
  • LimitedInput.stories.js
    1.6KB
  • CheckBox.vue
    700B
  • LimitedInput.vue
    764B
  • main.js
    167B
  • App.vue
    491B
  • config
  • storybook
  • main.js
    574B
  • preview.js
    549B
  • public
  • index.html
    613B
  • favicon.ico
    4.2KB
  • babel.config.js
    73B
  • postcss.config.js
    102B
  • .gitignore
    231B
  • Readme.md
    2.1KB
  • tailwind.config.js
    97B
  • package.json
    1.4KB
  • package-lock.json
    714.4KB
内容介绍
# Storybook with Vue.js [![](https://vueschool.io/media/f5552898136c232f4ab591f0357be0ec/storybook-with-vuejs.jpeg)](https://vueschool.io/courses/storybook-with-vuejs) This repository contains the example code for the [Storybook with Vue.js ](https://vueschool.io/courses/storybook-with-vuejs) course on [Vue School](https://vueschool.io). Storybook lets us create a visual component library and playground, where we can document, showcase, and interact with our Vue.js components in an isolated environment. In this Storybook course, you will learn how to install and configure Storybook in any Vue.js project with Vue CLI. You will also learn how to organize and write stories to showcase different states of your Vue.js components. The great thing with Storybook is that it is decoupled from our project, which gives us the ability to quickly prototype or demo features and progress. Imagine being able to demonstrate a date picker component in its different states quickly (open, closed, selected, disabled, etc.), in a separate (local or online) website. A well put-together Storybook suite can benefit anyone from individuals and freelancers to larger multi-disciplinary teams. Since every Vue.js project is not installed with Vue CLI, we'll have a dedicated chapter where we cover how to install Storybook in a custom Vue.js project that does not use Vue CLI. We will also cover how to configure Storybook with TailwindCSS and Vuetify. This is the ultimate course if you want to begin using Storybook in your Vue.js projects, regardless if you're using the Vue CLI or not. [Click here to watch the Storybook with Vue.js course](https://vueschool.io/courses/storybook-with-vuejs). --- # cli-project ## Project setup ``` npm ci ``` ### Compiles and hot-reloads for development ``` npm run serve ``` ### Compiles and minifies for production ``` npm run build ``` ### Lints and fixes files ``` npm run lint ``` ### Opens storybook dev server ``` npm run storybook:serve ``` ### Creates a static storybook site ready to publish ``` npm run storybook:build ``` ### Customize configuration See [Configuration Reference](https://cli.vuejs.org/config/).
评论
    相关推荐