Criando um novo Projeto Blazor

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

Pré-requisitos

Só lembrando que o Blazor client-side ainda está em Preview, e portanto, vamos usar o modo “server-side” no exemplo desse artigo. O Ambiente que você precisa ter instalado é o seguinte:

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 App, e clique em Next, como mostra a Figura 2.

Figura 2: Template Blazor 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 App, nós futuramente poderemos criar aplicações Blazor server-side ou client-side. Por enquanto o único modo disponível é o server-side, como você vê na Figura 4. Selecione essa opção e clique em Create.

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

Executando o App

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

Figura 5: 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 6.

Figura 6: 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!

14 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