vue-storybook-example:Vue的故事书示例

时间:2024-02-24 07:38:41
【文件属性】:

文件名称:vue-storybook-example:Vue的故事书示例

文件大小:404KB

文件格式:ZIP

更新时间:2024-02-24 07:38:41

vuejs webpack vue scss vue-cli

Vue故事书示例 Vue的Storybook.js示例 逐步设定 此Storybok示例基于Vue CLI 3.0,Vue CLI已经安装了Storybook所需的某些库,但babel-preset-vue除外,您应该手动安装它。 使用Vue CLI创建Vue项目vue create your-app cd your-app 添加@storybook/vue yarn add --dev @storybook/vue 添加babel-preset-vue yarn add --dev babel-preset-vue 将Storybook运行和构建脚本添加到package.json { "scripts": { "storybook": "start-storybook -p 9001 -c .storybook -s public", "storybook:build": "build-storybook -c .storybook -o .out -s public" } } -p命令指的是将运行Storybook的端口号。 -c命令引用config目


【文件预览】:
vue-storybook-example-master
----postcss.config.js(59B)
----public()
--------index.html(579B)
--------favicon.ico(1KB)
--------images()
--------video()
--------assets()
----yarn.lock(526KB)
----.browserslistrc(33B)
----.eslintrc.js(353B)
----src()
--------main.js(993B)
--------views()
--------stories()
--------layouts()
--------components()
--------App.vue(774B)
--------assets()
--------router.js(733B)
----babel.config.js(175B)
----.storybook()
--------webpack.config.js(743B)
--------config.js(1KB)
--------addons.js(258B)
--------manager-head.html(377B)
----LICENSE(1KB)
----jest.config.js(512B)
----README.md(5KB)
----tests()
--------unit()
----.gitignore(218B)
----package.json(2KB)

网友评论