如何实现vue组件实时预览？

Question

想开发基于vscode的前端低代码开发工具，但是现在卡在vue组件实时预览。
https://juejin.cn/post/707642...
看了这篇文章，但还是不懂，他是如何启动项目在窗口中显示内容的？怎么在此基础上，修改窗口显示的内容之后修改源代码？

感谢Meathill的回答，经过简单测试，repl能运行在vscode上，接下来的问题就是如何与网页交互修改源代码。

Answer 1

没试过，不过感觉并不复杂。

https://sfc.vuejs.org 是 Vue 官方的 playground，纯 web 应用，直接在浏览器完成编译与预览，建议你学习它的源码，集成到你的产品里。