推荐一个在线IDE-StackBlitz

StackBlitz 是一个在线 IDE，您可以通过它快速轻松地在浏览器中创建 Angular、React 和 Vue 等项目。它会自动安装依赖项、编译、捆绑、热重新加载等等。

StackBlitz 消除了在开始编写原型或演示之前必须配置部署和构建工具的压力。StackBlitz 通过提供单独的窗口供您实时预览和调试，感觉功能与您的本地开发环境完全一样！每个项目都有自己唯一的 URL 和重命名项目的选项，登陆之后甚至可以长久保存，分享，还可以以ZIP的格式下载到本地。

试一试：https://stackblitz.com/edit/vue-owetzp

StackBlitz的一些特性：

• 随时随地可用，优秀的用户体验；

• 每个项目都可以与其他人共享，并且还带有革命性的嵌入视图，可以直接把在线IDE嵌入到你的博客或者文章中，就像把VS Code放到博客中一样。

• 支持下载并在本地运行；

• 应用程序始终在线，永远不会进入睡眠状态，也没有带宽限制。与尽可能多的朋友、同事和社区分享 URL；

• StackBlitz 是唯一可以处理实时编辑“所有演示应用程序之母”的浏览器内环境。TodoMVC 是最受欢迎的演示应用程序之一，运行起来也很流畅。

可以作为在线阅读源代码的工具：

https://stackblitz.com/github/<user-name>/<repo-name>

https://stackblitz.com/github/vuejs/vue

嵌入式的例子：

<iframe 
    src="https://stackblitz.com/edit/vue-owetzp?embed=1&file=src/App.vue" 		
    style="width: 100%; height:600px;"/>