blocks|key|972092|text|为角>=8+CLI更新|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|972093|对于一个组件，请使用以下命令：|972094|ng+generate+component+--skip-tests=true+component-name|code-block|syntax|javascript|972095|对于单个项目，在angular.json中更改或添加以下内容|CODE|972096|{+
++"projects":+{
++++"{PROJECT_NAME}":+{
++++++"schematics":+{
++++++++"@schematics/angular:component":+{
++++++++++"skipTests":+true
++++++++}
++++++}
++++}
++}
}|972097|对于所有项目的全局设置，请在angular.json中更改或添加以下内容|972098|{+
++"schematics":+{
++++"@schematics/angular:component":+{
++++++"skipTests":+true
++++}
++}
}|972099|或者通过使用命令行|972100|ng+config+schematics.@schematics/angular:component.skipTests+true|972101|<角8|972102|在angular-cli.json内部，将spec.component参数设置为false|972103|{
+++...
+++"defaults"+:+{
+++++++...
+++++++"spec":+{
+++++++++++...
+++++++++++"component":+false
+++++++}
+++}
}|972104|或者在创建过程中使用--spec=false选项|972105|ng+generate+component+--spec=false+component-name|972106|entityMap^0|0|9|0|0|0|8|C|0|0|E|C|0|0|0|0|0|3|0|1|G|14|5|0|0|A|C|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1E|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1F|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1G|8|@$9|1H|A|1I|B|O]]|D|@]|E|$]]|$1|P|3|Q|5|J|7|1J|8|@]|D|@]|E|$K|L]]|$1|R|3|S|5|6|7|1K|8|@$9|1L|A|1M|B|O]]|D|@]|E|$]]|$1|T|3|U|5|J|7|1N|8|@]|D|@]|E|$K|L]]|$1|V|3|W|5|6|7|1O|8|@]|D|@]|E|$]]|$1|X|3|Y|5|J|7|1P|8|@]|D|@]|E|$K|L]]|$1|Z|3|10|5|6|7|1Q|8|@$9|1R|A|1S|B|C]]|D|@]|E|$]]|$1|11|3|12|5|6|7|1T|8|@$9|1U|A|1V|B|O]|$9|1W|A|1X|B|O]]|D|@]|E|$]]|$1|13|3|14|5|J|7|1Y|8|@]|D|@]|E|$K|L]]|$1|15|3|16|5|6|7|1Z|8|@$9|20|A|21|B|O]]|D|@]|E|$]]|$1|17|3|18|5|J|7|22|8|@]|D|@]|E|$K|L]]|$1|19|3|-4|5|6|7|23|8|@]|D|@]|E|$]]]|1A|$]]

Updated for Angular &gt;=8 CLI
For one component use the following command:
<pre><code>ng generate component --skip-tests=true component-name
</code></pre>
For a single project, change or add the following in your <code>angular.json</code>:
<pre><code>{ 
 &quot;projects&quot;: {
 &quot;{PROJECT_NAME}&quot;: {
 &quot;schematics&quot;: {
 &quot;@schematics/angular:component&quot;: {
 &quot;skipTests&quot;: true
 }
 }
 }
 }
}
</code></pre>
For a global setting for all your projects, change or add the following in your <code>angular.json</code>:
<pre><code>{ 
 &quot;schematics&quot;: {
 &quot;@schematics/angular:component&quot;: {
 &quot;skipTests&quot;: true
 }
 }
}
</code></pre>
Or by using the command line
<pre><code>ng config schematics.@schematics/angular:component.skipTests true
</code></pre>
<hr />
&lt; Angular 8
Inside your <code>angular-cli.json</code> set the spec.component parameter to <code>false</code>:
<pre><code>{
 ...
 &quot;defaults&quot; : {
 ...
 &quot;spec&quot;: {
 ...
 &quot;component&quot;: false
 }
 }
}
</code></pre>
or use the <code>--spec=false</code> option during creation
<pre><code>ng generate component --spec=false component-name
</code></pre>

blocks|key|1171243|text|当使用角-cli时，有许多选项要传递。要在不经过测试的情况下生成一个新组件，只需添加--spec=false如下：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1171244|ng+generate+component+--spec=false+my-component|code-block|syntax|javascript|1171245|在角-cli.json中还有一个选项，默认情况下，您希望为哪些类型启用规范，您可以在其中修改行为：|1171246|"defaults":+{
++"spec":+{
++++"class":+false,
++++"component":+true,
++++"directive":+true,
++++"module":+false,
++++"pipe":+true,
++++"service":+true
++}
}|1171247|entityMap^0|16|C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

When using angular-cli there is a bunch of options to pass. To generate a new component without tests, you can simply add <code>--spec=false</code> like so:

<pre><code>ng generate component --spec=false my-component
</code></pre>

There is also an option in the angular-cli.json for which types you want to enable specs by default, where you can modify the behaviour:

<pre><code>"defaults": {
 "spec": {
 "class": false,
 "component": true,
 "directive": true,
 "module": false,
 "pipe": true,
 "service": true
 }
}
</code></pre>

blocks|key|1171295|text|根据修正#156，您可以创建一个没有规范文件的组件，使用|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1171296|ng+generate+component+my-comp+--nospec|code-block|syntax|javascript|1171297|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/DevIntent/angular-cli/commit/fbdbedbfc3b7833e253efe8b32aafca6fc99ece7^0|2|6|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

According to the <a href="https://github.com/DevIntent/angular-cli/commit/fbdbedbfc3b7833e253efe8b32aafca6fc99ece7" rel="nofollow noreferrer">fix #156</a> you can create a component without spec file by using

<pre><code>ng generate component my-comp --nospec
</code></pre>

blocks|key|248974|text|ng+g+c+component-name+--spec+false|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|248975|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>ng g c component-name --spec false
</code></pre>

blocks|key|1171356|text|在最近的角度版本中，您可以将cli生成器配置为禁用为angular-cli.json中的组件和服务创建规范文件，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1171357|"defaults":+{
++++"component":+{+"spec":+false+},
++++"service":+{+"spec":+false+},
++++...
}|code-block|syntax|javascript|1171358|您可以添加额外的行来禁用规范，也可以用于警卫和类等等。|1171359|entityMap^0|Q|G|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

In recent Angular versions you can configure the cli generator to disable the creation of spec file for components and services in <code>angular-cli.json</code> as follows:

<pre><code>"defaults": {
 "component": { "spec": false },
 "service": { "spec": false },
 ...
}
</code></pre>

You can add extra lines to disable specs also for guards and classes and so on.

blocks|key|972228|text|默认情况下，有一个禁用角生成"spec“文件的命令。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|972229|ng+set+defaults.class.spec=false
ng+set+defaults.component.spec=false|code-block|syntax|javascript|972230|更新:角6的|offset|length|style|BOLD|972231|ng+config+schematics.@schematics/angular.component.spec+false|CODE|972232|entityMap^0|0|0|0|6|0|0|1P|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@$I|U|J|V|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|W|8|@$I|X|J|Y|K|O]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|Q|$]]

There is a command for disabling Angular generate "spec" files by default

<pre><code>ng set defaults.class.spec=false
ng set defaults.component.spec=false
</code></pre>

UPDATE: For Angular 6

<code>ng config schematics.@schematics/angular.component.spec false</code>

blocks|key|1171397|text|试试看这个。这起作用了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1171398|ng+g+c+component_name+--spec+false|code-block|syntax|javascript|1171399|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

simply try this one.
this is working 

<pre><code>ng g c component_name --spec false
</code></pre>

blocks|key|249027|text|为角6|type|unstyled|depth|inlineStyleRanges|entityRanges|data|249028|ng+config+schematics.@schematics/angular.component.spec+false|code-block|syntax|javascript|249029|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For Angular 6

<pre><code>ng config schematics.@schematics/angular.component.spec false
</code></pre>

blocks|key|972349|text|对于角6，在angular.json中"schematics":{}中添加以下内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|972350|"@schematics/angular":+{
++"component":+{
++++"spec":+false
++}
}|code-block|syntax|javascript|972351|或|BOLD|972352|当富兰克林虔诚地说，运行这个命令：|972353|ng+config+schematics.@schematics/angular.component.spec+false|972354|entityMap^0|J|F|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|W|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|X|8|@$9|Y|A|Z|B|M]]|D|@]|E|$]]|$1|N|3|O|5|6|7|10|8|@]|D|@]|E|$]]|$1|P|3|Q|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|R|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|S|$]]

For angular 6 add this in angular.json inside <code>"schematics":{}</code> :

<pre><code>"@schematics/angular": {
 "component": {
 "spec": false
 }
}
</code></pre>

OR

as Franklin Pious sugested, run this command:

<pre><code>ng config schematics.@schematics/angular.component.spec false
</code></pre>

blocks|key|972371|text|对于角6%2B，只需运行以下命令：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|972372|ng+config+schematics.@schematics/angular.component.spec+false|code-block|syntax|javascript|972373|或|972374|只要把这个添加到你的angular.json文件中，你就可以继续了|972375|++"schematics":+{
++++"@schematics/angular":+{
++++++"component":+{
++++++++"spec":+false
++++++}
++++}
++}|972376|注意:在粘贴此检查以检查冲突之前，希望它有助于|972377|entityMap^0|2|3|0|0|0|1|0|0|0|0|N|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|11|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|T|$]]

For angular 6+ Simply run this command:

<pre><code>ng config schematics.@schematics/angular.component.spec false
</code></pre>

OR

just add this in your angular.json file and you're good to go

<pre><code> "schematics": {
 "@schematics/angular": {
 "component": {
 "spec": false
 }
 }
 }
</code></pre>

NOTE: before pasting this check for conflicts, hope it helps

blocks|key|972397|text|只需在角7中使用这个简单的命令创建组件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|972398|ng+g+c+component-name+--spec+false|code-block|syntax|javascript|972399|或者如果真的不想将它包含在任何组件中，只需更新angular.json|972400|"@schematics/angular":+{
++"component":+{
++++"spec":+false
++}
}|972401|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Simply create Component with this simple command in Angular 7

<pre><code>ng g c component-name --spec false
</code></pre>

or if really dont want to include it in any component simply update angular.json 

<pre><code>"@schematics/angular": {
 "component": {
 "spec": false
 }
}
</code></pre>

blocks|key|249080|text|角8：ng+generate+component+mycomponent+--skipTests=false|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|249081|entityMap^0|3|1F|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

For Angular 8: <code>ng generate component mycomponent --skipTests=false</code>

blocks|key|972433|text|对于角7或更高的角度，这将起作用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|972434|ng+generate+component+componentname+--skipTests|code-block|syntax|javascript|972435|或ng+generate+component+componentname+--skipTests=true|offset|length|style|CODE|972436|entityMap^0|0|0|1|1G|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

For Angular 7 and higher this will work : 

<pre><code>ng generate component componentname --skipTests
</code></pre>

or 
 <code>ng generate component componentname --skipTests=true</code>

blocks|key|1171606|text|在创建组件时，可以使用以下命令|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1171607|ng+g+c+component-name+--spec+false|code-block|syntax|javascript|1171608|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use the following command when you create your component

<pre><code>ng g c component-name --spec false
</code></pre>

blocks|key|247771|text|如果要跳过spec.ts文件，还可以使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|247772|ng+g+c+try-it+--skipTests=true|offset|length|style|CODE|247773|哪里|247774|g+c+=>生成组件，try-it+=>组件名称，--skipTest=true+=>+==+--+spec+false。|247775|entityMap^0|0|0|U|0|0|0|3|B|6|P|F|1B|D|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@$D|T|E|U|F|G]|$D|V|E|W|F|G]|$D|X|E|Y|F|G]|$D|Z|E|10|F|G]]|9|@]|A|$]]|$1|L|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|M|$]]

Use also the following command if you want to skip your spec.ts file: 

<code>ng g c try-it --skipTests=true</code> 

where 

<code>g c</code> => generate component , 
<code>try-it</code> => component name , 
<code>--skipTest=true</code> => == <code>-- spec false</code>.

blocks|key|972462|text|对于角9，您可以使用|type|blockquote|depth|inlineStyleRanges|entityRanges|data|972463|ng+g+c+"componentName"+--spec=false|unstyled|offset|length|style|CODE|972464|生成没有规范文件的组件|972465|entityMap^0|0|0|Z|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@$E|O|F|P|G|H]]|9|@]|A|$]]|$1|I|3|J|5|6|7|Q|8|@]|9|@]|A|$]]|$1|K|3|-4|5|D|7|R|8|@]|9|@]|A|$]]]|L|$]]

<blockquote>
 For Angular 9 you can use 
</blockquote>

<code>ng g c "componentName" --spec=false</code>

<blockquote>
 to generate component without spec file
</blockquote>

blocks|key|247798|text|只是添加这一点信息，因为我发现自己遇到了同样的问题，无法通过使用当前的答案来修复它，而且我也不想对angular-cli.json文件进行更改。看来最近版本的角CLI+--spec=false已经贬值，因此不再起作用，请改用--skipTests。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|247799|试验：|247800|Angular+CLI:+9.1.1
Node:+12.16.1
OS:+win32+x64|code-block|syntax|javascript|247801|命令be：ng+g+c+mycomponent+--skipTests而不是ng+g+c+mycomponent+--spec=false|247802|PS：始终使用--dry-run选项测试命令以测试输出。|BOLD|247803|entityMap^0|1D|G|2C|C|34|B|0|0|0|5|U|12|V|0|0|2|7|9|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|10|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|17|8|@$9|18|A|19|B|Q]|$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|R|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|S|$]]

Just adding this bit of information because I found myself struggling with the same issue and could not fix it by using the current answer(s), plus I did not want to make the changes on the <code>angular-cli.json</code> file. It appears the recent version of Angular CLI <code>--spec=false</code> is depreciated and therefore no longer works, use <code>--skipTests</code> instead.

Test on:

<pre><code>Angular CLI: 9.1.1
Node: 12.16.1
OS: win32 x64
</code></pre>

Your command with then be:
<code>ng g c mycomponent --skipTests</code> 
instead of
<code>ng g c mycomponent --spec=false</code>

PS: Always test your commands using the <code>--dry-run</code> option to test your output.

blocks|key|972568|text|这里是角9的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|972569|ng+g+class+models\user+--skip-tests+true|code-block|syntax|javascript|972570|它不会生成spec.ts文件。|972571|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

here what it is for angular 9 

<pre><code>ng g class models\user --skip-tests true
</code></pre>

it will not generate spec.ts files.

blocks|key|247813|text|--spec将不再起作用。使用--skip-tests代替。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|247814|您将看到使用以下命令的所有选项：|247815|ng+g+c+--help|code-block|syntax|javascript|247816|entityMap^0|0|6|F|C|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<code>--spec</code> will no longer work. Use <code>--skip-tests</code> instead.

You will see all the options with following command:

<pre><code>ng g c --help
</code></pre>

blocks|key|1171820|text|如果您想跳过特定组件的规范文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1171821|新版：|offset|length|style|BOLD|1171822|ng+generate+component+"componentName"+--skipTests|code-block|syntax|javascript|1171823|示例|1171824|ng+generate+component+recipe-list+--skipTests|1171825|旧版本:|1171826|ng+generate+component+"componentName"+--spec+false|1171827|1171828|ng+generate+component+recipe-list+--spec+false|1171829|entityMap^0|0|0|3|0|0|0|0|0|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@$D|11|E|12|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|13|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|14|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|15|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|16|8|@$D|17|E|18|F|G]]|9|@]|A|$]]|$1|S|3|T|5|J|7|19|8|@]|9|@]|A|$K|L]]|$1|U|3|N|5|6|7|1A|8|@]|9|@]|A|$]]|$1|V|3|W|5|J|7|1B|8|@]|9|@]|A|$K|L]]|$1|X|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|Y|$]]

If you would like to skip spec file for specific component.

New version:

<pre><code>ng generate component "componentName" --skipTests
</code></pre>

Example

<pre><code>ng generate component recipe-list --skipTests
</code></pre>

Old version :

<pre><code>ng generate component "componentName" --spec false
</code></pre>

Example

<pre><code>ng generate component recipe-list --spec false
</code></pre>

blocks|key|1171872|text|最新的角9兼容|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1171873|CLI命令|1171874|ng+generate+component+your-component-name+--skipTests=true|code-block|syntax|javascript|1171875|或者使用别名s而不是--skipTests|offset|length|style|CODE|1171876|ng+generate+component+your-component-name+-s=true|1171877|修改angular.json以避免始终使用上述CLI命令|1171878|将下面的片段复制到特定项目(projects.your-project-name)的angular.json根目录中。|1171879|下面将确保不使用ng+generate命令为组件__、Class__、管道和Service创建.spec文件。你可以根据要求选择。|BOLD|1171880|{
++...
++"projects":+{
++++"your-project-name":+{
++++++...
++++++"schematics":+{
++++++++"@schematics/angular:component":+{
++++++++++"style":+"scss",
++++++++++"skipTests":+true
++++++++},
++++++++"@schematics/angular:class":+{
++++++++++"skipTests":+true
++++++++},
++++++++"@schematics/angular:directive":+{
++++++++++"skipTests":+true
++++++++},
++++++++"@schematics/angular:pipe":+{
++++++++++"skipTests":+true
++++++++},
++++++++"@schematics/angular:service":+{
++++++++++"skipTests":+true
++++++++}
++++++},
++++...
}|1171881|PS：--spec=false选项现在已不再推荐，将无法工作。|1171882|entityMap^0|0|0|0|6|1|A|B|0|0|2|C|0|E|Q|16|C|0|8|B|1B|5|M|2|R|5|Z|U|0|0|0|V|3|C|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|16|8|@$K|17|L|18|M|N]|$K|19|L|1A|M|N]]|9|@]|A|$]]|$1|O|3|P|5|F|7|1B|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1C|8|@$K|1D|L|1E|M|N]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1F|8|@$K|1G|L|1H|M|N]|$K|1I|L|1J|M|N]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1K|8|@$K|1L|L|1M|M|N]|$K|1N|L|1O|M|N]|$K|1P|L|1Q|M|W]|$K|1R|L|1S|M|W]|$K|1T|L|1U|M|W]]|9|@]|A|$]]|$1|X|3|Y|5|F|7|1V|8|@]|9|@]|A|$G|H]]|$1|Z|3|10|5|6|7|1W|8|@$K|1X|L|1Y|M|W]|$K|1Z|L|20|M|N]]|9|@]|A|$]]|$1|11|3|-4|5|6|7|21|8|@]|9|@]|A|$]]]|12|$]]

<h1>Latest Angular 9 Compatible</h1>

<h3>CLI Command</h3>

<pre><code>ng generate component your-component-name --skipTests=true
</code></pre>

or using the alias <code>s</code> instead of <code>--skipTests</code>

<pre><code>ng generate component your-component-name -s=true
</code></pre>

<hr>

<h3>Modifying <code>angular.json</code> to avoid using above CLI command always</h3>

Copy the below snippet to the root of a specific project (<code>projects.your-project-name</code>) in its <code>angular.json</code>.

The below will ensure <code>.spec</code> files are not created for Components, Class, Directives, Pipe and Service with the <code>ng generate</code> command. You may choose the ones as per requirement.

<pre><code>{
 ...
 "projects": {
 "your-project-name": {
 ...
 "schematics": {
 "@schematics/angular:component": {
 "style": "scss",
 "skipTests": true
 },
 "@schematics/angular:class": {
 "skipTests": true
 },
 "@schematics/angular:directive": {
 "skipTests": true
 },
 "@schematics/angular:pipe": {
 "skipTests": true
 },
 "@schematics/angular:service": {
 "skipTests": true
 }
 },
 ...
}
</code></pre>

PS: The <code>--spec=false</code> option is now deprecated and will not work

blocks|key|1171904|text|使用时：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1171905|角CLI:+10.0.3|unordered-list-item|1171906|节点:+12.16.3|1171907|角度:+10.0.4|1171908|在生成组件时，必须使用“--跳过测试”。(注意:您可以通过在终端中尝试"ng+v“或"ng+-v”获得上述版本信息)。|1171909|您可以使用"ng+g+help“获得"ng+g(+ng+generate+component)”的完整开关列表。|1171910|或者，您可以手动添加组件。为此，右键单击项目的/src/app文件夹创建一个新文件夹。创建文件夹后，右键单击该文件夹以添加一个或多个文件，如mycomp.component.html和mycomp.component.ts。添加mycomp.component.ts是组件的最低要求列表，因为您可以将内联css和html添加到.ts文件中。|1171911|示例：|1171912|import+{+Component+}+from+'@angular/core';|code-block|syntax|javascript|1171913|@Component+({+selector：'app-mycomp'，模板：'+Hello+Angular+‘})|offset|length|style|CODE|1171914|导出类MyComp+{}|1171915|在(<app-mycomp></app-mycomp>声明列表中导入和注册MyComp，并使用选择器app.module.ts将其添加到app.component.html或其他模板中|BOLD|1171916|entityMap^0|0|0|0|0|0|0|0|0|0|14|M|0|0|2|O|2|O|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|19|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|1A|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|1B|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|1C|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1D|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1E|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1F|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|1G|8|@]|9|@]|A|$T|U]]|$1|V|3|W|5|6|7|1H|8|@$X|1I|Y|1J|Z|10]]|9|@]|A|$]]|$1|11|3|12|5|6|7|1K|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|1L|8|@$X|1M|Y|1N|Z|15]|$X|1O|Y|1P|Z|10]]|9|@]|A|$]]|$1|16|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|17|$]]

<h1>When using:</h1>
<ul>
<li>Angular CLI: 10.0.3</li>
<li>Node: 12.16.3</li>
<li>Angular: 10.0.4</li>
</ul>
You have to use &quot;--skip-tests true&quot; when generating component.
(Note: you can get the above version info by trying &quot;ng v&quot; or &quot;ng -v&quot; in the terminal).
You can get the complete list of switches for &quot;ng g c (short for ng generate component)&quot; using &quot;ng g c --help&quot;.
Alternatively you can add a component manually. To do this, make a new folder by right clicking the /src/app folder of your project. After creating the folder, right click on it to add one or more files such as mycomp.component.html and mycomp.component.ts.
Adding mycomp.component.ts is the minimum required list for a component, as you can add inline css and html to your .ts file.
<h2>Example:</h2>
<pre><code>import { Component } from '@angular/core';
</code></pre>
@Component ({
selector: 'app-mycomp',
template: '<code>&lt;p&gt; Hello Angular &lt;/p&gt;</code>'
})
export class MyComp {}
Import and Register MyComp in app.module.ts declarations list, and add it to app.component.html or some other template, using selector (<code>&lt;app-mycomp&gt;&lt;/app-mycomp</code>&gt;

blocks|key|1171969|text|这是很容易做到的。在创建组件时添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1171970|-测试=真|blockquote|1171971|ng+generate+component+--skipTests=true+componentName|code-block|syntax|javascript|1171972|或|1171973|ng+g+c+--skipTests=true+componentName|1171974|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|R|8|@]|9|@]|A|$H|I]]|$1|J|3|K|5|6|7|S|8|@]|9|@]|A|$]]|$1|L|3|M|5|G|7|T|8|@]|9|@]|A|$H|I]]|$1|N|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|O|$]]

It is very easy to do. While creating the component add
<blockquote>
--skipTests=true
</blockquote>
<pre><code>ng generate component --skipTests=true componentName
</code></pre>
Or
<pre><code>ng g c --skipTests=true componentName
</code></pre>

blocks|key|1171984|text|对于角8%2B，只需添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1171985|-测试=真|blockquote|1171986|最后|1171987|ng+g+c+component-name+--skipTests=true|code-block|syntax|javascript|1171988|G缩写为生成。C缩写为组件|1171989|您也可以使用|1171990|ng+generate+component+component-name+--skipTests=true|1171991|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$]]|$1|E|3|F|5|6|7|V|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|W|8|@]|9|@]|A|$J|K]]|$1|L|3|M|5|6|7|X|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|Y|8|@]|9|@]|A|$]]|$1|P|3|Q|5|I|7|Z|8|@]|9|@]|A|$J|K]]|$1|R|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|S|$]]

For angular 8+ you just need to add
<blockquote>
--skipTests=true
</blockquote>
in the end
<pre><code>ng g c component-name --skipTests=true
</code></pre>
g is abbreviated to generate.
c is abbreviated to component
you can also use
<pre><code>ng generate component component-name --skipTests=true
</code></pre>

blocks|key|249285|text|这对我来说对angular+11很有效|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|249286|ng+g+c+posts/new-component+--module+app+--skip-tests|code-block|syntax|javascript|249287|注：|BOLD|249288|组件的名称应该如下所示：new-component或newComponent。|249289|为特定折叠程序生成：dir/new-component|249290|将new-component添加到app.module.ts：--module+app中|249291|仅在命令中使用--skip-tests生成没有spec.ts文件的组件|249292|entityMap^0|6|A|0|0|0|2|0|C|D|Q|C|0|A|H|0|1|D|H|D|V|C|0|7|C|N|7|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@$9|12|A|13|B|M]]|D|@]|E|$]]|$1|N|3|O|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|R|3|S|5|6|7|1C|8|@$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|T|3|U|5|6|7|1J|8|@$9|1K|A|1L|B|C]|$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|V|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|W|$]]

It's worked for me for <code>angular 11</code>
<pre><code>ng g c posts/new-component --module app --skip-tests
</code></pre>
Note:
name of component should be like this : <code>new-component</code> or <code>newComponent</code>.
generate for specific follder : <code>dir/new-component</code>
add <code>new-component</code> to the <code>app.module.ts</code> : <code>--module app</code>
use just <code>--skip-tests</code> in command for generating Component without <code>spec.ts</code> file

blocks|key|972827|text|答复:在角spec.ts中生成没有2%2B文件的组件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|972828|ng+g+c+ComponentName+--跳过-测试真正的|offset|length|style|BOLD|972829|entityMap^0|0|0|V|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Reply: Generating Component without spec.ts file in Angular 2+
ng g c ComponentName --skip-tests true

blocks|key|249305|text|在您的项目中，进入angular.json文件，并在原理图中添加规范-+false。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|249306|保存并重新启动您的项目现在您可以创建没有规范文件的所有组件|249307|+"schematics":+{
++++++++++++++++"@schematics/angular:component":+{
++++++++++++++++++++"style":+"scss",
++++++++++++++++++++"spec":+false
++++++++++++++++}
++++++++++++},|code-block|syntax|javascript|249308|entityMap^0|9|C|W|9|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

in your project go into angular.json file and add spec - false in schematics feild
save and restart your project
now you can create all component without spec file
<pre><code> &quot;schematics&quot;: {
 &quot;@schematics/angular:component&quot;: {
 &quot;style&quot;: &quot;scss&quot;,
 &quot;spec&quot;: false
 }
 },
</code></pre>

blocks|key|1172080|text|对于角10%2B+-为您的所有项目的全局设置。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1172081|转到angular.json文件|ordered-list-item|1172082|在“图表”字段中添加：
“@示意图/角度:组件”：{+"skipTests"：true+}，|1172083|**服务、警卫等也有可能.|1172084|++++"@schematics/angular:service":+{
++++++"skipTests":+true
++++},
++++"@schematics/angular:guard":+{
++++++"skipTests":+true
++++}|code-block|syntax|javascript|1172085|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|R|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|T|8|@]|9|@]|A|$L|M]]|$1|N|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|O|$]]

For Angular 10+ - For a global setting for all your projects.
<ol>
<li>Go to angular.json file
</li>
<li>In the &quot;schematics&quot; field add:
<pre><code> &quot;@schematics/angular:component&quot;: {
 &quot;skipTests&quot;: true
 },
</code></pre>
</li>
</ol>
** It's possible also for services, guards, etc...
<pre><code> &quot;@schematics/angular:service&quot;: {
 &quot;skipTests&quot;: true
 },
 &quot;@schematics/angular:guard&quot;: {
 &quot;skipTests&quot;: true
 }
</code></pre>

blocks|key|249354|text|在角版本11中，使用以下命令|type|unstyled|depth|inlineStyleRanges|entityRanges|data|249355|ng+generate+component+"path/componentname"+--skip-tests=true|code-block|syntax|javascript|249356|或者简单的|249357|ng+g+c+"path/componentname"+--skip-tests|249358|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

from angular version 11, use the below command
<pre><code>ng generate component &quot;path/componentname&quot; --skip-tests=true
</code></pre>
or simply
<pre><code>ng g c &quot;path/componentname&quot; --skip-tests
</code></pre>

Is there a way to get rid of the spec.ts file in Angular 2+, whenever I create a new component. I know this is for testing purpose but what if I don't need it.

May be there is some setting to disable this specific testing file.

Generating Component without spec.ts file in Angular 2+

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

当我创建一个新组件时，是否有一种方法可以摆脱角spec.ts文件中的2+文件。我知道这是为了测试，但如果我不需要呢。可能存在一些设置来禁用此特定的测试文件。

问在角型spec.ts中不使用2+文件生成构件
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在角型spec.ts中不使用2+文件生成构件EN