ASP.NET Core 2 Angular模板中的Angular CLI？

Question

我知道Angular和ASP.NET Core 2的基础知识，但不是在能让我理解这个模板如何工作的水平上。

我尝试在Visual Studio Code中使用Angular CLI生成组件，但是，它说我没有CLI。我认为这是保持CLI并允许模板附带的所有酷炫内容的webpack，但有没有办法使用CLI，尽管如此？或者，我是否通过创建文件并添加依赖项来手动生成组件？

我找不到关于模板或使用它的教程的任何文档。

Answer 1

首先在全球安装angular cli之后：

  

npm install @angular/cli@latest -g

您必须先使用以下命令在主项目外创建一个角度项目：

  

ng new hello-world

现在，转到项目目录并将.angular-cli.json文件复制到主dot net核心项目的根目录中。 然后你必须编辑文件的这一部分：

  

"root" : "src"更改为"root" : "ClientApp"

接下来，您必须在项目的根目录中安装angularCli dev：

  

cd DotNetCoreProject

     

npm install @angular/cli@latest --save-dev

万事万物都完成了！

现在，转到项目的组件目录：

  

cd ClientApp/app/components

并在终端

中的组件目录中创建您的组件

  

ng g c MyComponent --module='app.module.browser.ts'

Answer 2

Visual Studio通过Asp.Net Core项目支持Angular CLI 在asp.net core 2.1的最新版本的Angular项目模板中。

1. 如果使用ASP.NET Core 2.0，请安装最新版本的Angular项目 模板：

   1.1。打开视觉工作室

   1.2。转到工具 - ＆gt; NuGet包管理器 - ＆gt;包管理器控制台并运行此命令：

   dotnet new --install Microsoft.DotNet.Web.Spa.ProjectTemplates

如果你有ASP.NET Core 2.1，则无需安装它。

1. 为项目创建一个空文件夹，并以管理员身份运行cmd并导航到 此文件夹（或者，在空文件夹中按Alt + D并以管理员身份写入cmd。）

2. 使用以下命令创建一个新的角度项目：

   dotnet new angular -o my-new-app
   cd my-new-app

Angular应用程序，驻留在ClientApp子目录中， 旨在用于所有UI问题。

1. 使用“cd ClientApp”命令转到ClientApp文件夹。

如果您尚未安装angular-cli软件包，请运行'npm install -g @ angular / cli'命令。



1. 运行'npm install'命令安装node_modules。



1. 运行'ng g c testComponent'命令（Angular-CLI命令）以创建testComponent。



添加到解决方案资源管理器的测试组件



运行每个Angular CLI命令：



祝你好运

Microsoft

Angular CLI

Answer 3

in .angular-cli.json in part＆＃34; apps＆＃34;替换＆＃34; ./ src＆＃34;到＆＃34; src＆＃34;

  

＆＃34; apps＆＃34;：[{＆＃34; root＆＃34;：＆＃34; src＆＃34;，＆＃34; outDir＆＃34;：＆＃34; dist＆＃34;，