Criando um novo Projeto Blazor

Nesse artigo vou mostrar como criar uma nova aplicação pelo Visual Studio 2019, usando o Template Blazor (client-side). Se você ainda não sabe o que é Blazor, dê uma olhada no artigo anterior.

Pré-requisitos

Só relembrando que o Blazor ainda está em Preview, e para que você consiga criar aplicações Blazor, precisará realizar os seguintes passos:

  • Instale os Templates do Blazor através do seguinte comando a ser executando no prompt de comando:
dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview7.19365.7

Create a new Project

Abra o seu Visual Studio 2019 e logo na primeira página escolha a opção Create a new Project, como mostra a Figura 1.

Figura 1: Create a new Project

O Visual Studio vai listar os possíveis templates de projeto que você pode escolher para criar novos projetos. Procure e selecione o template Blazor Server App, e clique em Next, como mostra a Figura 2.

Figura 2: Template Blazor Server App

Como mostra a Figura 3, informe um nome para o seu Projeto, defina o local onde ele será criado e clique no botão Create.

Figura 3: Informe Nome e Local do Projeto

Através do Template Blazor Server App, nós podemos criar aplicações Blazor server-side ou client-side, por isso é apresentada a tela que você vê na Figura 4. Selecione a opção Blazor (client-side), e clique em Create.

Figura 4: Selecionando o Template Blazor (client-side)

VS Code

Você também pode utilizar o dotnet cli para criar projetos dotnet pelo prompt de comando, ou pelo terminal do VS Code. Para isso basta executar o comando dotnet new blazor, como mostra a Figura 5.

Figura 5: Criando app Blazor pelo VS Code

Executando o App

Na Solution Explorer do Visual Studio, você verá a estrutura da aplicação, como mostra a Figura 6.

Figura 6: Estrutura da App Blazor na Solution Explorer

Se você executar o projeto, o Visual Studio vai compilar e abrir o Site no seu Browser, como você pode ver na Figura 7.

Figura 7: App Blazor rodando no Browser

Navegue na aplicação e veja os exemplos que já vêm implementados nesse template do Blazor. Veja que temos funcionalidades interessantes nas páginas Counter e Fetch data.

Nos próximos artigos irei explorar mais a fundo os exemplos desse projeto e os demais recursos do Blazor.

Grande Abraço e até o próximo!

12 comentários em “Criando um novo Projeto Blazor

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s