如何在 Angular 中使用 Plunker？
Plunker 是一个网站，开发人员可以在其中协作项目并相互分享他们的想法。您实际上可以实时协作，以便所有团队成员同时工作。 Plunker 完全免费使用，您只需从 Github 注册即可。开始使用它，您还可以实时查看您的工作，即实时预览可用，以便开发人员可以实时查看他们的工作并相应地修改他们的代码。
使用方便。该网站可能很慢，但它提供了许多功能来获得有趣的协作体验。
Plunker 是一个基于 Web 的编辑器，使用它，您可以直接从浏览器创建、编辑和运行 HTML、CSS 和 JavaScript 文件。无需复杂的设置，每个人都可以立即在浏览器中直接编码。
现在非常有趣的是每个 plunker 都有自己独特的URL ，您可以与朋友/开发人员分享，因此这是展示您的工作的绝佳方式。但是你不能编辑/修改别人的 plunker，相反，你可以分叉它。众所周知，Forking 创建了一个您拥有的新 plunker，并复制了所有文件。
如果您的 plunker 有index.html文件，您可以尝试运行该文件，并且可以实时预览。
Plunker的特点：
- 永远不要失去你的工作
- 全站搜索
- 桌面集成
- 可嵌入的编辑器
- 多文件、多窗格编辑器
Angular Plunker 的结构： Angular plunker 由以下文件组成：
- index.html这是包含 Angular 应用程序的所有库和设计（引导程序）的 HTML 文件。
- script.ts这是我们将在其中转储属于我们项目的所有 Angular 代码的主文件。
- system.config.js该文件用于 SystemJS 的配置，它处理模块加载和将 TypeScript 编译为 JavaScript。
- tsconfig.json TypeScript 转译器的配置。
运行步骤：
- 不需要任何额外的设置一切您可以直接在网络上编码。
- 这是Plunker官方的链接：https://plnkr.co/ 去这个网站，
- 单击显示的新按钮：这将带您到一个弹出窗口
- 现在您将看到一个弹出窗口，询问您要编码的编程语言选择Angular Starter Template
- 在这里，我们已经简要讨论了每个文件（在 plunker 的结构中）。您可以开始编写您的代码，并在需要帮助时与您的朋友分享！
- 这只是向您展示其工作原理的基本示例。
例子：
index.html
Hey Everyone this is Sharath
Plunker is awesome
Believe it!
现在根据您添加 CSS，例如您希望网站的外观。
h1,
p {
font-family: sans-serif;
}输出：
所以这都是关于 plunker 的，现在让我们谈谈 plunker 的一些优点和缺点，最后对其进行最后的总结，并通过总结来浓缩文章。
优点 ：
- Plunker 允许我们向项目中添加多个文件。
- 这只是比简单演示更好的方法。
- 它具有实时代码协作和实时预览、代码检查功能。
- 该项目由麻省理工学院授权。
- 非常简单的用户界面，没有什么复杂的。
缺点：
- 不幸的是，嵌入的代码不能直接编辑，您需要在 plunker 上打开它才能使用代码示例进行更改。
- 与竞争对手相比，该网站有点慢。