StackBlitz 前端项目在线编辑和分享

小渣渣

需求：看到一些前端插件开源项目，一些用户在提交 BUG 给作者的时候，通常将问题描述清楚，然后再附上 StackBlitz 的链接，非常方便作者复现和查看问题。

StackBlitz 将大家最喜欢、最常用的 IDE Visual Studio Code 搬进了浏览器，支持在线代码编写和自动处理安装依赖关系、编译、效果的实时预览。

StackBlitz 支持一键配置 Angular、React、Ionic、TypeScript、RxJS、Svelte 等 JavaScript 框架，也就是说，只需几秒你就可以开始写代码了。

官网：https://stackblitz.com/



例如：新建基于一个 Angular 模板的项目，对 html 代码进行简单的修改，如下图：



编辑好的项目可以进行分享，预览地址：https://angular-ivy-yulnrg.stackblitz.io，编辑地址：https://stackblitz.com/edit/angular-ivy-yulnrg?file=src/app/app.component.html



(完)