简体   繁体   English

如何将 Playground 与 Vue.js 项目集成

[英]How to integrate playground with Vue.js project

How to integrate a playground in my Vue project which allows me to toggle between the component preview and its source code.如何在我的 Vue 项目中集成一个 Playground,它允许我在组件预览和它的源代码之间切换。

Just like this one integrated into vuetify docs.就像这个集成到 vuetify 文档中一样。
https://vuetifyjs.com/en/components/buttons/#depressed https://vuetifyjs.com/en/components/buttons/#depressed

I want to integrate a similar playground into my vuepress project.我想将一个类似的游乐场集成到我的 vuepress 项目中。 Is there any package for this?是否有任何 package 用于此?

I have made a playground exactly like this before and as far as I am aware, there is no package for this type of playground.我以前做过一个完全一样的游乐场,据我所知,这种游乐场没有 package。

I used prismjs to format my example code and custom javascript and css to style and provide functionality for the collapsible window.我使用prismjs来格式化我的示例代码并自定义 javascript 和 css 来为可折叠 window 设置样式并提供功能。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM