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文件复制到主点网核心项目的根目录中.然后你必须编辑文件的这一部分:

"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 2.1中最新版本的Angular项目模板中支持Angular CLI和Asp.Net Core项目.

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

   1.1.打开视觉工作室

   1.2.转到工具 - > NuGet包管理器 - >包管理器控制台并运行以下命令:

   dotnet new - 安装Microsoft.DotNet.Web.Spa.ProjectTemplates

如果您有ASP.NET Core 2.1,则无需安装它.

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

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

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

位于ClientApp子目录中的Angular应用程序旨在用于所有UI问题.

4. 使用'cd ClientApp'命令转到ClientApp文件夹.

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

5. 运行'npm install'命令安装node_modules.

6. 运行'ng gc testComponent'命令(Angular-CLI命令)以创建testComponent.

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

运行每个Angular CLI命令:

祝好运

微软

角度CLI