在处理 Angular 项目时如何在 Stackblitz 中打开终端？

Question

我知道 Stackblitz 支持通过几次点击生成服务和组件。但我仍然需要在终端上进行练习并添加依赖项。请不要回答说还有比终端更好的方法，这不是问题。

我知道可以打开终端，因为我刚刚打开了一个角度项目，其中打开了终端，但我找不到它或重做它。

那么，在处理 Angular 项目时如何在 Stackblitz 中打开终端？

Answer 1

在 Stackblitz 中，没有终端可以直接运行 Angular CLI 命令。但是，您可以使用 Angular Generator 在平台内轻松生成组件、服务、管道、指令等，而无需手动运行 CLI 命令。

Answer 2

您似乎无法在 Angular 项目中打开终端，但如果您 创建 Node.js 应用程序，则可以使用终端创建 Angular 项目就像在本地一样。

但是，我认为这有一些缺点，因为 StackBlitz 仪表板上提供的标准 Angular 设置不允许您使用终端。我的猜测是，启动 WebContainer（StackBlitz 的 Node.js 运行时）比静态渲染应用程序要慢。

Answer 3

要获取终端，请在 StackBlitz 上创建一个 Node.js 应用程序，然后使用

npm

和 Angular CLI 创建一个 Angular 应用程序。

StackBlitz 终端截图：

Answer 4

刚刚发现，当您通过 NodeJS 项目访问终端时，就像 Chris 提到的那样，并将其中的文件完全替换为本地 Angular 应用程序文件......您几乎可以在不到一分钟的时间内启动并运行（当然是在你运行

npm install

之后）！

我今天这样做是为了与团队成员共享一个私人项目（并避免在本地设置环境）！

希望这可以帮助其他人寻找类似的解决方案！

Answer 5

Stackblitz 提到 Angular 项目没有终端

https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/installations/stackblitz

不确定你是如何拥有终端的，但我会继续寻找：P

Answer 6

我建议您分叉 Angular 快速入门指南提供的示例项目，并替换为您的代码：https://angular.io/ generated/live-examples/getting-started-v0/stackblitz.html

来源：https://angular.io/start#create-the-sample-project

Answer 7

创建一个NodeJS项目然后你就可以看到终端了。之后输入这些命令：

• npm 安装@angular/cli
• ng 新的您的应用程序名称
• cd 你的应用程序名称
• ng 服务 --open

您的 Angular 项目现已发布在端口上，您应该检查浏览器（位于 Stackblitz 平台的右侧）

程序发布后，不要在该终端中输入任何内容，您可以单击+按钮打开新终端。使用新终端执行新命令。

Answer 8

实际上我带着确切的问题来到这里@user5432838。当我第一次打开 stackblitz 时我看到了终端，但后来找不到它。 我再次尝试打开 stackblitz，我意识到终端只是隐藏在底部。 要打开它，只需滚动到底部并向上拖动底部边距即可。 就这样吧！ stackblitz中有终端。在此处输入图像描述

Answer 9

另请检查您使用的是 Chrome 或 Firefox，而不是 Safari。因为 Safari 不会显示终端！

Answer 10

当您使用Angular“模板”时，无法打开终端。

• 模板被配置为这样，以便一切自动工作（编译，服务）。
• 所有本地

  console.log

  结果都会重定向到页面视图（右侧）上的 Web 控制台。
• 您可以在文件项目视图的“依赖项”部分（左侧）安装软件包
  • 如果有代码，可以直接编辑

    package.json

    并添加依赖行。
• 您可以通过“Angular Generator”添加有角度的东西，例如组件、模块等
  • 右键单击任何级别的任何文件夹（或创建一个）
  • 在“Angular Generator”项中选择一个选项。
  • 在新打开的输入字段中为其命名
  • 按回车键

要在您的项目中拥有终端，您需要在没有模板的情况下开始（实际上是使用裸模板）

• 从“Node.js”模板创建一个新项目。
• 手动计算每个步骤（创建、运行等）。
  • 当您“服务”时页面视图会自动检测并刷新
• 终端快捷键是

  Ctrl+` 

  （检查 MAC）
  • 或者将鼠标移动到编辑器视图的底部（中间）并将其拉出。 （尤其是隐藏时）