将Angular项目从StackBlitz导出到本地

Question

我想导出在StackBlitz中完成的Angular项目，ng serve并使用与在本地计算机中创建的Angular项目相同的命令从Angular CLI执行该项目。

Answer 1

看这里。使用此按钮，您可以下载源代码。

Answer 2

去做就对了。这是您需要单击的位置：

Answer 3

要解决此错误：ENOENT: no such file or directory, stat '/.../projectFolder/tsconfig.app.json'

从 StackBlitz 下载项目后，我将 zip 复制到一个文件夹中。我的项目的 tsconfig.app.json 文件位于 src 文件夹中。要解决上述错误我更换了物业"tsConfig": "tsconfig.app.json"与"tsConfig": "src/tsconfig.app.json"我angular.json文件。在终端中，我npm install在项目目录中运行以安装所有依赖项。然后我跑去ng serve -o运行服务器，应用程序在我的浏览器中成功打开。

来源：ENOENT：在使用 angular 4 的 tsconfig.app.json 中没有这样的文件或目录？

编辑：https ://angular.io/start/deployment 的本地构建部分提供了有关如何在本地构建 StackBlitz 应用程序的说明。它基本上是说安装 Angular CLI，创建一个新项目，用下载的 StackBlitz 项目中的 /src 文件夹替换新项目中的 /src 文件夹，最后构建项目。

但是，这对我不起作用，因为它导致缺少模块错误。有效的是替换新项目文件夹中与 StackBlitz 项目文件夹中的文件匹配的所有文件。运行npm install，，npm build --prod最后ng serve -o。

Answer 4

1. 单击箭头朝下的按钮
2. cd into you project cd "your app name"
3. 安装
4. 服务