AngularおよびASP.NET Core 2の基本を知っていますが、このテンプレートの動作を理解できるレベルではありません。
Visual Studio CodeでAngular CLIを使用してコンポーネントを生成しようとしましたが、CLIがないと言っています。CLIを保持し、すべてのクールなものを許可するのはwebpackだと思いますにはテンプレートが付属していますが、それにもかかわらずCLIを使用する方法はありますか?または、たとえば、ファイルを作成して依存関係を追加することにより、コンポーネントを手動で生成しますか?
テンプレートに関するドキュメントや、それを使用するチュートリアルが見つかりません。
最初に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'
Visual Studioは、Angular CLI with Asp.Net Coreプロジェクトで最新バージョンのAngularプロジェクトテンプレートin asp.net core 2.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を使用している場合は、インストールする必要はありません。
プロジェクト用の空のフォルダーを作成し、管理者としてcmdを実行してこのフォルダーに移動します(または、空のフォルダーでAlt + Dを押して、管理者としてcmdを書き込みます)。
以下のコマンドで新しいangularプロジェクトを作成します。
dotnet new angular -o my-new-app
cd my-new-app
Angular ClientAppサブディレクトリにあるアプリは、UIのすべての問題に使用することを目的としています。
angular-cliパッケージをインストールしていない場合は、「npm install -g @ angular/cli」コマンドを実行します
ソリューションエクスプローラーに追加されたtest-component
Angular CLIコマンドのそれぞれを実行します。
幸運
.angular-cli.jsonの一部「apps」で「./src」を「src」に置き換えます
"apps":[{"root": "src"、 "outDir": "dist"、