【文件属性】：
文件名称：vue-storybook-example：Vue的故事书示例
文件大小：404KB
文件格式：ZIP
更新时间：2021-02-03 13:52:01
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)