web-dev-qa-db-ja.com

Angular ASP.NET Core 2のCLI Angularテンプレート?

AngularおよびASP.NET Core 2の基本を知っていますが、このテンプレートの動作を理解できるレベルではありません。

Visual Studio CodeでAngular CLIを使用してコンポーネントを生成しようとしましたが、CLIがないと言っています。CLIを保持し、すべてのクールなものを許可するのはwebpackだと思いますにはテンプレートが付属していますが、それにもかかわらずCLIを使用する方法はありますか?または、たとえば、ファイルを作成して依存関係を追加することにより、コンポーネントを手動で生成しますか?

テンプレートに関するドキュメントや、それを使用するチュートリアルが見つかりません。

9
Nech

最初にangular cliをグローバルにインストールした後:

npm install @angular/cli@latest -g

最初に、次のコマンドでangularプロジェクトをメインプロジェクトの外に作成する必要があります。

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

そして、ターミナルのcomponent directoryにコンポーネントを作成します:

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

10
Ashkan Rahmani

Visual Studioは、Angular CLI with Asp.Net Coreプロジェクトで最新バージョンのAngularプロジェクトテンプレートin asp.net core 2.1。

  1. ASP.NET Core 2.0を使用している場合は、Angularプロジェクトテンプレートの最新バージョンをインストールします。

    1.1。ビジュアルスタジオを開く

    1.2。ツール-> NuGetパッケージマネージャー->パッケージマネージャーコンソールに移動し、次のコマンドを実行します。

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

ASP.NET Core 2.1を使用している場合は、インストールする必要はありません。

  1. プロジェクト用の空のフォルダーを作成し、管理者としてcmdを実行してこのフォルダーに移動します(または、空のフォルダーでAlt + Dを押して、管理者としてcmdを書き込みます)。

  2. 以下のコマンドで新しいangularプロジェクトを作成します。

    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」コマンドを実行します

enter image description here

  1. Node_modulesをインストールするには、「npm install」コマンドを実行します。

enter image description here

  1. TestComponentを作成するには、「ng g c testComponent」コマンド(Angular-CLIコマンド)を実行します。

enter image description here

ソリューションエクスプローラーに追加されたtest-component

enter image description here

Angular CLIコマンドのそれぞれを実行します。

enter image description here

幸運

Microsoft

Angular CLI

8
Iman Bahrampour

.angular-cli.jsonの一部「apps」で「./src」を「src」に置き換えます

"apps":[{"root": "src"、 "outDir": "dist"、