ASP .NET Core - Usando o novo template Angular na linha de comando

Quando usamos a linha de comando para criar projetos podemos ver os projetos disponíveis digitando em uma janela de comandos o comando : dotnet new

Com a versão 2.0 da ASP .NET Core temos um novo template para projetos single page applications com Angular com suporte ao Angular CLI.

Para instalar o template digite o seguinte comando : dotnet new --install Microsoft.DotNet.Web.Spa.ProjectTemplates::2.0.0-rc1-final

Criando o projeto com o novo template e usando o Angular CLI

Crie uma pasta para hospedar o projeto : md aspcore_ang

A seguir entre na pasta criada e digite o comando para criar o projeto usando o tempalte : dotnet new Angular

Para abrir o projeto criado com o Visual Studio Code basta digitar: code .

Vamos agora instalar o Angular CLI digitando o seguinte comando : npm install -g @angular/cli

Após a instalação, para verificar se o Angular CLI foi realmente instalado digite : ng help

Agora você pode usar os recursos do Angular CLI na aplicação ASP .NET Core com Angular.

Para saber mais sobre o Angular CLI e seus recursos veja o link: https://github.com/angular/angular-cli

Para restaurar os pacotes da pasta node_modules digite o comando : npm install

Para concluir vamos entrar na pasta ClienteApp criada no projeto e usando o Angular CLI vamos criar um novo componente digitando o comando: ng g component novo-componente-teste

Verificando o projeto no Visual Studio Code veremos dentro da pasta ClienteApp, na pasta app, o nosso componente criado conforme esperado:

Assim, agora você pode usar os recursos do Angular CLI em seu projeto ASP .NET Core com Angular usando o novo template.

Para verificar atualizações no template acesse o link: https://docs.microsoft.com/en-us/aspnet/core/spa/

"E Jesus, tendo ouvido isto, disse-lhes: Os sãos não necessitam de médico, mas, sim, os que estão doentes; eu não vim chamar os justos, mas, sim, os pecadores ao arrependimento. "
Marcos 2:17