It is a vuepress plugin based on vue-playground, which supports rapid writing of demos of real-time editing, real-time compilation, and real-time preview.
English | 简体中文
vuepress-plugin-sandbox is a vuepress v2 plugin based on vue-playground.
It is a demo plugin that supports real-time editing, real-time compilation, and real-time preview. Similar to the small codesandbox.
- Real-time editing, real-time compilation
(vue3, js, ts, jsx, tsx, css), real-time running, real-time preview - Support for custom
importmapping - Support to create new files, delete files, support
- Editor supports
tstype hinting (.tsfiles only) - Support switching layout, support full screen
- Support dark mode
- Support custom theme color
for npm
npm i vuepress-plugin-sandbox monaco-editorfor yarn
yarn add vuepress-plugin-sandbox monaco-editorfor pnpm
pnpm add vuepress-plugin-sandbox monaco-editorThe usage is documented in the documentation.
Because vuepress v2 is still in beta stage, the plugin is not stable yet, but will try to keep up with the latest vuepress v2 version.
Currently [email protected] and above are supported.
Because vuepress-plugin-sandbox is based on vue-playground, which in turn depends on monaco-editor and @babel/standalone, so it will be larger after packaging.
Learn about contribution here.
This project exists thanks to all the people who contribute:
MIT License © 2022-PRESENT yangjinming