问题标签 [angular-schematics]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 如何创建自定义原理图以构建新的 Angular 项目
我正在尝试创建一个无需先执行“ng new project-name”然后运行“ng g my-schematic”即可运行的新原理图
当我什至在本地运行我的原理图时,我必须首先将我的 CLI 的 defaultCollection 设置为我的原理图,这没有意义,我不确定为什么会发生这种情况。
我得到的错误是“在@schematics/angular 中找不到我的示意图”
我的原理图非常简单,我希望它能够运行并在运行时生成项目的整个脚手架。
有没有一种已知且简单的方法来实现这一点?我不确定尝试“扩展”“新”原理图或使用“ng new project-name collection=my-schematic”是否可行?
如果这些选项中的任何一个都是可能的,那么就传入的树而言,这意味着什么,以及如何操纵它来生成包含在“./files”库中的文件?
谢谢!
angular - 为什么链接到原理图与安装原理图时会有不同的行为?
我有一个 Angular Schematic,当我安装它与我在硬盘驱动器上链接到它时,它的工作方式不同。
重现步骤:
- 使用 Angular CLI 创建一个新的 Angular 应用程序:
ng new --routing --style css
- 添加我的原理图并运行它:
当它应该创建和更新更多文件时,这只会更新一些文件。
但是,如果我npm link @oktadev/schematics
在我的项目中运行,然后运行ng g @oktadev/schematics:add-auth
,它可以工作。
如果您想尝试重现该问题,可以在https://github.com/oktadeveloper/schematics找到该项目。npmjs.com 上发布的代码与当前 master 分支上的代码相同。
为什么我安装它与链接到它时的行为不同?
angular - ClassOptions Schema - Angular Schematics
在 @angular-devkit/schematics自述文件中,我对 ClassOptions 在做什么感到困惑。
如果将代码添加到项目中,则会显示错误,因为该文件不存在。
关于这用于+示例的想法?
angular-schematics - 将集合传递到自定义角度示意图?
我想创建一个可以接受一组动作名称的自定义角度示意图。然后,我将为用户提供的每个操作名称生成 3 个 ngrx 操作。
例如,我想创建一个可以像这样调用的原理图:
然后,我将为 GetById、GetByIdSuccess、GetByIdError、GetByFirstName、GetByFirstNameSuccess、GetByFirstNameError 生成代码。
问题是我只看到了将接受单个值作为输入参数的角度示意图。任何人都知道如何在自定义角度示意图中处理集合?
angular - Angular Schematics:如何在 schema.json 中定义默认变量?(项目名称)
如何在 schema.json 中定义角度示意图“属性”的默认变量?
我试图研究角度源代码本身,但我无法弄清楚。我发现如果使用关键字“$source”,它前面的字符串会以某种方式解析为某个值。
例如,“argv”和“projectName”是两个变量,当他们这样写时,它们将被解析为实际值:
或者
那么如何定义自己的变量呢?它们实际上是变量吗?还有哪些可用的变量?
如果我将其复制粘贴到我自己的项目中,我还发现了另一个不起作用的示例:
根据我的观察,我希望这可以解决一个值,但我不相信。
提前谢谢各位!
nativescript - 错误:找不到应用程序入口点文件
我使用此链接https://blog.angular.io/apps-that-work-natively-on-the-web-and-mobile-9b26852495e7创建了一个新的共享应用程序,并在浏览器上正确显示了站点。但是当我构建apk并安装在移动设备中时,它显示错误“找不到应用程序入口点文件”
我遵循的命令:
ng new --collection=@nativescript/schematics --name=my-app --shared
cd 我的应用程序
tns 构建安卓
---> 生成了我尝试在移动设备上运行但出错的 apk 文件。
angular - 是否可以从 Create React App 或 Vue CLI 创建内存树?
我创建了一个易于测试的原理图,因为 Angular CLI 是基于原理图的。要创建我可以检查的文件树,我所要做的就是设置appTree
如下:
在 React 或 Vue 项目(分别使用 Create React App 和 Vue CLI 生成)上测试我的应用程序时,是否可以创建类似的文件树?
如果没有,有没有办法将package.json
文件加载到树中?这是我要加载的主文件,以便查找依赖项并从我的 Schematic 中选择 Angular、React 或 Vue 模板。
angular - Angular 7:生成 @angular/material 组件给 sass 文件与 css 语法
在使用 Angular CLI 生成一个新项目并选择 SASS 之后:
用 ng 添加材料:
最后生成材料的导航栏组件:
给我们一个带有 css 语法的 main-nav.component.sass:
任何人都知道是否可以使用 sass 语法从 @angular/material 生成?
谢谢
angular-schematics - 原理图“my-comp”无法解析工厂
我正在关注这本书:https ://github.com/manfredsteyer/schematics-sample
当我执行我的原理图时
schematics .:my-comp
我收到以下错误:
这是我工厂的一部分:
我的 collectionion.json