自定义 Stackblitz Angular 项目模板答案

【问题标题】：Customize Stackblitz Angular project template自定义 Stackblitz Angular 项目模板
【发布时间】：2018-12-15 12:27:25
【问题描述】：

我即将分叉和自定义 Stackblitz Angular CLI 项目模板，该模板可能存储在 github.com/stackblitz/angular-cli-template。

这里的主要目标是修改 TypeScript 配置并将 target 从 es5 更改为 es6。

根据the documentation，它应该可以作为stackblitz.com/github/stackblitz/angular-cli-template导入，但这会导致错误：

导入错误，找不到文件：

src/main.ts

确实，仓库里没有src/main.ts，和regular Stackblitz Angular CLI project看起来很不一样：

请注意，常规项目中不存在一堆文件（或者更具体地说，它们是隐藏的，因为它们在从 Stackblitz 导出项目时出现）。

我尝试在常规项目中更改 TS 配置，似乎预计它位于 /tsconfig.app.json，相对于可见项目根 (a demo)。我还尝试通过将module 设置为amd 使其失败，但这不起作用。看起来tsconfig.app.json 没有任何影响，但是当点击Export 时，tsconfig.app.json 实际上已经改变了。

github.com/stackblitz/angular-cli-template 是 Stackblitz 使用的实际项目模板吗？

如果它不是实际的模板，实际的 Angular 项目模板可以在哪里分叉，以及 Stackblitz 可行的分叉模板应该是什么样的，如文档中所述以stackblitz.com/github/{GH_USERNAME}/{REPO_NAME} 导入？

如何修改 Stackblitz Angular 项目的 TypeScript 配置？

【问题讨论】：

关于你的问题，我在使用 stackblitz 时遇到了很多问题，并且我设法在 codeandbox.io 上取得了更大的成功，所以你也可以在尝试使用 stackblitz 之前检查一下。祝你好运
@dAxx_ 我可能会。它与 Stackblitz 存在相同的问题，如果选项卡关闭或停止响应，则无法恢复未保存的代码，不是吗？

标签： angular typescript stackblitz

【解决方案1】：

对于其他寻找答案的人：

从 2020 年 4 月起，当您将鼠标悬停在左上角的 stackblitz 闪电徽标上时，它会扩展为“新项目”，您可以在其中选择 11 个模板中的 1 个。

生成的 url 似乎不可猜测。

【讨论】：