0_1519960538172_1*RIYB_mJZAntqdjZPkCbS-A.png

你可以利用StackBlitz API & SDK来实现:

  • 从任何数据源按需创建和内嵌动态运行环境,几行代码即可搞定💪
  • 直接从Github上打开或者内嵌运行环境 🔄
  • 你可以完全控制StackBlitz VM虚拟机的行为 🛠
  • 可以让打包体积保持很小,整个SDK压缩之后<2kb✨

0_1519960870689_1*NptE-BrX0Vx2CnMwuDcARA.gif

API & SDK已经被Google的Angular.io文档、 Angular Material,以及顶级培训公司 Oasis Digital 采用,很快会支持其它项目:Material UI、RxJS、Kendo UI,等等。

用法

可以从npm安装:

npm install --save @stackblitz/sdk

也可以直接通过script标签内嵌,window上会多出一个StackBlitzSDK对象,你可以用它来操控SDK:

<script src="https://unpkg.com/@stackblitz/sdk/bundles/sdk.umd.js"></script>

然后,你就可以调用SDK的所有功能了:

  • 按需创建或者嵌入全新的项目(docs / live demo)
  • 打开或者内嵌Github仓库上的项目(docs / live demo)
  • 打开或者内嵌现有的StackBlitz项目(docs)
  • 等等

控制StackBlitz VM ⚙

PageDraw.io是一个很好的例子,可以完全在浏览器里面拖拽设计并运行代码。

控制VM的更多资料,请参考我们的文档

更多资料

本文引用来源:https://medium.com/@ericsimons/stackblitz-sdk-instantly-add-live-environments-to-your-docs-blogs-more-73dab05c51a