我了解Angular和ASP.NET Core 2的基础知识,但还不足以理解这个模板是如何工作的。
我尝试使用Angular CLI在Visual Studio Code中生成组件,但是它显示我没有安装CLI。我认为这是webpack的原因,它保持了CLI并允许所有与模板一起使用的酷炫工具,但是否有办法绕过它仍然使用CLI呢?或者例如创建文件并添加依赖项来手动生成组件?
我找不到任何关于该模板的文档或教程。
我了解Angular和ASP.NET Core 2的基础知识,但还不足以理解这个模板是如何工作的。
我尝试使用Angular CLI在Visual Studio Code中生成组件,但是它显示我没有安装CLI。我认为这是webpack的原因,它保持了CLI并允许所有与模板一起使用的酷炫工具,但是否有办法绕过它仍然使用CLI呢?或者例如创建文件并添加依赖项来手动生成组件?
我找不到任何关于该模板的文档或教程。
首先,在全局安装angular cli之后:
npm install @angular/cli@latest -g
您需要使用以下命令在主项目之外创建一个angular项目:
ng new hello-world
现在,转到项目目录,并将 .angular-cli.json
文件复制到您的主dot net core项目的根目录。
然后,您需要编辑该文件的以下部分:
"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'
如果使用ASP.NET Core 2.0,请安装最新版的Angular项目模板:
1.1. 打开Visual Studio
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”命令。
测试组件添加到解决方案资源管理器中
运行每个Angular CLI命令:
祝你好运!
"apps": [ { "root": "src", "outDir": "dist",
npm install @angular/cli --global
据我所记得,模板项目中没有包含CLI(至少在核心1.0的第一个模板版本中没有)。 - Brivvirs.angular-cli.json
中找到任何应用程序”。如果我从不同项目中复制现有的angular-cli.json文件,则会出现“找不到新组件的NgModule”的错误。 我可能错过了一些必要的设置步骤... VS2017列出了84个关于缺少@angular/core和其他相关内容的错误。 - Nech