开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么Stackblitz上的Angular Generator选项不可用？

Stackblitz上的Angular Generator选项不可用的原因可能有以下几个方面：

平台限制：Stackblitz是一个在线的集成开发环境（IDE），它提供了许多功能和工具，但并不支持所有的功能。Angular Generator是一个用于生成Angular项目的命令行工具，可能由于平台限制，Stackblitz没有集成该功能。
版本兼容性：Angular Generator通常与特定版本的Angular CLI（命令行界面）相关联。如果Stackblitz上的Angular Generator选项不可用，可能是因为该平台上使用的Angular CLI版本与Angular Generator不兼容。
维护问题：Stackblitz是一个由社区维护的开源项目，可能由于维护人员的资源限制或其他原因，导致Angular Generator选项不可用。

无论是哪个原因导致Angular Generator选项不可用，您仍然可以通过其他方式来创建和管理Angular项目。您可以手动安装Angular CLI，并在本地开发环境中使用它来生成和管理Angular项目。另外，Stackblitz还提供了其他功能和工具，可以帮助您进行前端开发，如在线编辑器、实时预览等。

腾讯云相关产品和产品介绍链接地址：

腾讯云开发者平台：https://cloud.tencent.com/developer
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
云数据库（CDB）：https://cloud.tencent.com/product/cdb
云存储（COS）：https://cloud.tencent.com/product/cos
区块链（BCS）：https://cloud.tencent.com/product/bcs
视频处理（VOD）：https://cloud.tencent.com/product/vod
音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
网络安全（SSL证书、DDoS防护）：https://cloud.tencent.com/product/cert
元宇宙（Qcloud Metaverse）：https://cloud.tencent.com/product/metaverse

相关搜索:Angular -为什么z-index上的#符号总是出现？Angular -如何在选项卡上拒绝访问tabView中的tabPanel单击 Angular 2 material选项卡-选项卡上的内容加载仅处于活动状态 Angular material自动完成，初始化过滤选项以查看焦点上的所有选项为什么angular.js上的响应不包含一些头部？为什么元素上的load()、on()、bind()等不可用为什么同一vue组件上的多个引导下拉菜单共享相同的选项？为什么在TabView上显示工作表会更改我选择的选项卡？为什么基于合同的REST web服务端点上的所有屏幕字段都不可用为什么带有-c选项的grep总是在ssh上显示0

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

6个提升前端开发效率的必备工具

Postman是榜单中当之无愧的存在，千万不要错过它噢。 4 StackBlitz 根据 Chidume Nnamdi显示，StackBlitz是每名使用者都很喜欢的一款在线编辑工具。...只要在StackBlitz中点击一下，你就可以设置Angular、React、Ionic、TypeScript、RxJS、Svelte以及其他JavaScript框架。...很多开发者都会遇到浏览器的兼容问题，在这个浏览器上可以正常使用的，但换一个浏览器就不支持了。...在这方面我有很多经验，再遇到后很多次类似的问题之后，我会把兼容性检查作为开发的必要步骤，比如，我在Safari设备上的投资项目不支持某些特殊的功能，这件事我在部署之后的几个月之后才弄明白。...为了看看这款工具是怎么工作的，让我们来检查一下哪些浏览器支持WebP图片格式。就如同你看见的那样，Safari和IE目前不支持，这就意味着你需要对不兼容的浏览器留有一个备选项。

1.1K2 0

推荐|六个好用的前端开发在线工具

StackBlitz Chidume Nnamdi 盛赞这是每个用户最喜欢的在线 IDE。StackBlitz 将大家最喜欢、最常用的 IDE Visual Studio Code 搬进了浏览器。...StackBlitz 支持一键配置 Angular、React、Ionic、TypeScript、RxJS、Svelte 等 JavaScript 框架，也就是说，只需几秒你就可以开始写代码了。...我觉得这个在线 IDE 很有用，特别是可以在线尝试一些样例代码或者库，否则仅仅尝试一些新特性就需要花很多时间在新项目初始化配置上。...在 Bit.dev 上不仅可以搜索组件，还可以直接查看组件的依赖，浏览组件的代码，甚至在线编辑代码并查看预览效果！...这意味着需要为不兼容的浏览器提供回退选项，比如：

1.8K2 0

Angular 英雄编辑器

这里把 hero.name 属性绑定到了 HTML 的 textbox 元素上，以便数据流可以双向流动：从 hero.name 属性流动到 textbox，并且从 textbox 流回到 hero.name...虽然 ngModel 是一个有效的 Angular 指令，不过它在默认情况下是不可用的。它属于一个可选模块 FormsModule，你必须自行添加此模块才能使用该指令。...最重要的 @NgModule 装饰器位于顶级类 AppModule 上。...你没有声明过 HeroesComponent，可为什么应用却正常工作呢？...如果你想直接在 stackblitz 运行本页中的例子，请单击链接：https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-tour-of-hero-editor

2.5K5 0

Angular 英雄编辑器

这里把 hero.name 属性绑定到了 HTML 的 textbox 元素上，以便数据流可以双向流动：从 hero.name 属性流动到 textbox，并且从 textbox 流回到 hero.name...虽然 ngModel 是一个有效的 Angular 指令，不过它在默认情况下是不可用的。它属于一个可选模块 FormsModule，你必须自行添加此模块才能使用该指令。...最重要的 @NgModule 装饰器位于顶级类 AppModule 上。...你没有声明过 HeroesComponent，可为什么应用却正常工作呢？...如果你想直接在 stackblitz 运行本页中的例子，请单击链接：https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-tour-of-hero-editor

2.6K7 0

六个好用的前端开发在线工具

StackBlitz [Chidume Nnamdi] 盛赞这是每个用户最喜欢的在线 IDE。...StackBlitz 支持一键配置 Angular、[React]、Ionic、TypeScript、RxJS、[Svelte] 等 JavaScript 框架，也就是说，只需几秒你就可以开始写代码了。...我觉得这个在线 IDE 很有用，特别是可以在线尝试一些样例代码或者库，否则仅仅尝试一些新特性就需要花很多时间在新项目初始化配置上。...在 Bit.dev 上不仅可以搜索组件，还可以直接查看组件的依赖，浏览组件的代码，甚至在线编辑代码并查看预览效果！...这意味着需要为不兼容的浏览器提供回退选项，比如：

8521 0

Angular 10 正式发布，不再支持 IE910！

这是跨越整个平台（包括框架、Angular Material 和 CLI）的一次主要版本更新。这次的新版发布间隔比以往短一些。自我们发布 Angular 9.0 版以来只过去了四个月。...新版内容新的日期范围选择器 Angular Material 现在提供了一个新的日期范围选择器。 ?...请参阅 StackBlitz 上的这个示例： https://stackblitz.com/angular/nknyovevygv?...CommonJS 或 AMD 依赖项可能导致优化 bailout 可选的更严格设置当你使用 ng new 创建新的工作区时，v10 提供了一个更严格的项目设置选项。...弃用和移除 Angular 新版增加了一些新的弃用和移除。

2.5K2 0

Angular-Cli脚手架介绍、安装并搭建项目

在线演示# 最简单的使用方式参照以下 StackBlitz 演示，也推荐 Fork 本例来进行 Bug Report，注意不要在实际项目中这样使用。...NG-ZORRO StackBlitz 第一个本地实例# 实际项目开发中，你会需要对 TypeScript 代码的构建、调试、代理、打包部署等一系列工程化的需求。...我们强烈建议使用官方的 @angular/cli 工具链辅助进行开发，下面我们用一个简单的实例来说明。...--open（或者只用 -o 缩写）选项会自动打开你的浏览器，并访问 http://localhost:4200/。...手动安装# 如果想自己维护工作流，理论上你可以利用 Angular 生态圈中的各种脚手架进行开发，如果遇到问题可参考我们所使用的配置进行定制。

1.9K3 0

《秋风日常第三期》11个前端开发者必备的网站

这是增加代码复用，加速开发并优化团队协作的好方法。这也是从头开始构建设计系统的不错选择（因为它本质上具有设计系统所需的一切）。...Stackblitz使我们能够使用世界上最流行和使用最多的IDE，即web上的Visual Studio代码。...只需单击一下，Stackblitz 即可快速提供Angular，React，Vue，Vanilla，RxJS，TypeScript项目的框架。...当你想从浏览器中尝试一段代码或任何当前JS框架中的功能时，Stackblitz非常有用。假设你正在阅读Angular文章，并且遇到了想要尝试的代码。...您可以最小化您的浏览器并快速搭建一个新的Angular项目。还有其他很棒的在线IDE，但是我相信Stackblitz的转折点是使用每个人都喜欢的 Visual Studio Code感觉和工具。

8882 0

Angular 主从组件

上查看我们提供源代码。...制作 HeroDetailComponent 使用 Angular CLI 生成一个名叫 hero-detail 的新组件。...[hero]="selectedHero"> [hero]="selectedHero" 是 Angular 的属性绑定语法。...本页所提及的代码文件如下：如果你想直接在 stackblitz 运行本页中的例子，请单击链接：https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-tour-of-heroes-master-detail...本页中所提及的代码如下：https://github.com/cwiki-us-angular/cwiki-us-angular-tour-of-heroes-master-detail 对应的文件列表和代码链接如下

1.2K4 0

Angular 主从组件

上查看我们提供源代码。...制作 HeroDetailComponent 使用 Angular CLI 生成一个名叫 hero-detail 的新组件。...[hero]="selectedHero"> [hero]="selectedHero" 是 Angular 的属性绑定语法。...本页所提及的代码文件如下：如果你想直接在 stackblitz 运行本页中的例子，请单击链接：https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-tour-of-heroes-master-detail...本页中所提及的代码如下：https://github.com/cwiki-us-angular/cwiki-us-angular-tour-of-heroes-master-detail 对应的文件列表和代码链接如下

1.3K4 0

Angular 服务

如果你希望从 GitHub 上查看我们提供测试的源代码，你可以访问下面的链接：https://github.com/cwiki-us-angular/cwiki-us-angular-tour-of-hero-services...为什么需要服务组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。...并把它注入到任何想要它的类上。...messageService 属性上。...如果你想直接在 stackblitz 运行本页中的例子，请单击链接：https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-tour-of-hero-services

3.3K7 0

高级 Angular 组件模式 (6)

06 Use 原文: Use Render Props最近在React社区中引起了轰动，但是与之类似的模式在Angular中似乎并没有得到太多关注...我在之前写的文章提及过，TemplateRefs就是Angular中的Render Props，同时我会在这篇文章中列举一个简单易用的例子。...Note: TemplateRef是一个类名而是一个html标签，它们本质上是相同的。...当组件作者提前了解使用该toggle组件的父组件所需要的状态时，那么它将会正常的运作。但是如果父组件所需要的状态并不在我们的设想之内，我们该怎么办？...成果 stackblitz演示地址译者注这种组件设计模式按我个人的理解，其实是依赖倒置原则在视图渲染层的一种延伸，为什么这么说呢？

1.1K2 0

AngularJS2.0 教程系列（一）

Why Angular2 Angular1.x显然非常成功，那么，为什么要剧烈地转向Angular2？性能的限制 AngularJS当初是提供给设计人员用来快速构建HTML表单的一个内部工具。...快速变化的WEB 在语言方面，ECMAScript6的标准已经完成，这意味着浏览器将很快支持例如模块、类、lambda表达式、 generator等新的特性，而这些特性将显著地改变JavaScript的开发体验...渲染组件到DOM 将组件渲染到DOM上，需要使用自举/bootstrap函数： bootstrap(EzApp); 这个函数的作用就是通知Angular2框架将EzApp组件渲染到DOM树上。...据称，注解的功能就是Angular2团队向traceur团队提出的，这不是traceur的默认选项，因此你看到，我们配置systemjs在使用traceur模块时打开注解： System.config...，可能隐约会感受到Angular2中bootstrap的一些变化 - 我指的并非代码形式上的变化。

2.4K1 0

高级 Angular 组件模式 (4)

命名冲突不仅存在于指令的选择器之间，同时也会存在于指令的Inputs和Outputs属性，当这些属性名一样时，Angular并不会进行提示，它会按原本的逻辑正常工作。...这种情况有时候是我们希望看到的，有些时候却不是。目标避免存在于绑定在相同元素上的多个指令上的命名冲突。...首先我们设置一个label属性，比如：这个label属性的值会同时绑定在每个指令上，如果想要为其中的某个指令单独绑定，只能通过使用prefix...Angular官方提供的规范指南也警示了这一点，当你在使用prefix修饰指令的名称时，也需要注意使用prefix来修饰Input和Output属性的名称。...成果 https://stackblitz.com/edit/adv-ng-patterns-04-namespace-clashes 译者注原文中关于最后一段提出的关于在多个第三方库中存在的命名冲突的场景

7541 0

高级 Angular 组件模式 (7)

07 使用 Content Directives 原文: Use Content Directives 因为父组件会提供所有相关的 UI 元素（比如这里的 button），所以 toggle 组件的开发者可能无法满足组件使用者的一些附加需求...，比如，在一个自定义的开关控制元素上增加 aria 属性。...如果 toggle 组件能够提供一些 hooks 方法或指令给组件使用者，这些 hooks 方法或指令能够在自定义的开关元素上设置一些合理的默认值，那将是极好的。...成果 stackblitz演示地址译者注到这里已经是第七篇了，也许你已经发现，Angular 中很多开发模式或者理念，都和 Directive 脱不了干系。...Angular 中其本身推崇组件化开发，即把一切 UI 概念当做 Component 来看待，但仔细思考的话，这其实是有前提的，即这个 UI 概念一般是由一个或多个 html 元素组成的，比如一个按钮、

8052 0

使用YAKINDU STATECHART TOOLS的TypeScript代码生成

单页web应用 TypeScript是一门免费和开源的编程语言，由Microsoft开发和维护。在语法上，TypeScript是JavaScript严格的超集，添加了可选的类型。...Angular 2+或Ionic 2+等web框架都是基于TypeScript。这些框架利用了TypeScript的优势来建造可扩展的单页web应用。...它描述什么东西应该在哪里以什么样的选项生成。生成器模型可以通过已有的YAKINDU 状态图 Generator Model 向导创建，也可以创建扩展名为.sgen的文本文件。 ?...集成所生成的菜单服务状态机到Angular 在Angular上下文中，所生成的MenuService状态机被创建为一个Angular服务。...选择菜单Help → Install New Software，选择YAKINDU Typescript Generator。 ?

2K1 0

【Hybrid开发高级系列】AngularJS(三)——开发实践

用下面这行命令进入Yeoman的菜单： $ yo 用键盘的上下键来操作菜单，当选项’install agenerator’被高亮的时候按下回车键。...接下来我们需要寻找一个合适的生成器。搜索’angular’的话，你会得到很多搜索结果。这些生成器都是由许多Yeoman开源社区贡献的。在这个例子里，我们使用的是’generator-angular’。...当选中了’generator-angular’后，按下回车执行安装，它所依赖的Node包就会开始被下载了。 ...如果你知道要安装的生成器的名字，你可以直接用npm来安装： $ npm install -g generator-angular 下面是一张预览图：这个例子使用的generator-angular...generator-angular会询问你需不需要使用Sass和/或者Bootstrap，使用’n'和’y'进行选择。然后你需要选择你需要使用的Angular模块。

2342 0

高级 Angular 组件模式 (6)

06 Use 原文: Use Render Props最近在React社区中引起了轰动，但是与之类似的模式在Angular中似乎并没有得到太多关注...我在之前写的文章提及过，TemplateRefs就是Angular中的Render Props，同时我会在这篇文章中列举一个简单易用的例子。...Note: TemplateRef是一个类名而是一个html标签，它们本质上是相同的。...当组件作者提前了解使用该toggle组件的父组件所需要的状态时，那么它将会正常的运作。但是如果父组件所需要的状态并不在我们的设想之内，我们该怎么办？...成果 stackblitz演示地址译者注这种组件设计模式按我个人的理解，其实是依赖倒置原则在视图渲染层的一种延伸，为什么这么说呢？

8191 0

【前端必看】2017 年 JavaScript 全面崛起大运势

有一种叫Angular 准则的最佳实践用来指导开发。这可能给人一种 Angular 对于多人协同工作更友好的印象。...作为 Create React App 的一个成功案例，我们可以看 StackBlitz，这是一个在线 IDE，通过 Create React App，让你可以在数秒内从浏览器中创建一个应用。...即使 Create React App 已被默认为 React 的新建工具包，开发者们仍然可以有其它选项，例如 React boilerplate，这也是十分受人关注的项目，提供了很多像集成 GraphQL...如果你需要类型，有两个主流可选项：微软的 TypeScript 和 Facebook 的 Flow（Facebook 在自己的主要项目 React, React Native, Jest 中都有使用)...静态网站生成器静态网站生成器（SSG，Static Site Generator）是指能够生成一坨 HTML、CSS、JS 文件，方便你快速部署到 WEB 服务器上而不需要安装和配置数据库的工具。

2.6K5 0

25个超有用的 AngularJS Web 开发工具

由于Protractor支持Angular的具体定位策略，故而你无需进行任何设置就可以测试特定的Angular元素。 ?...官方网站：http://karma-runner.github.io/0.12/index.html 6）最佳AngularJS工具——Mochajs Mocha是一款运行在Node.js和浏览器上，功能丰富的...官方网站：http://angular-ui.github.io/ 13）Yeoman Generator Angular 支持AngularJS的Yeoman Generator——能让你快速建立具有合理默认值和最佳实践的项目...官方网站：https://github.com/yeoman/generator-angular 14）djAngular 这是一个可重复使用的应用程序，提供了更好的应用程序集成。...这也是为什么我们只使用jQuery，而无需它的任何插件。每个部件之后都可以被自制成完美地插入到AngularJS应用程序中。 ?

3.7K5 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭