"Hello, World!" em Angular
Matheus Chaves
Posted on December 23, 2022
Para criar um "Hello, World!" em Angular, você precisará ter o Angular CLI (Command Line Interface) instalado em sua máquina. Se você ainda não tiver o Angular CLI instalado, pode instalá-lo executando o seguinte comando:
npm install -g @angular/cli
Uma vez que o Angular CLI estiver instalado, você pode criar um novo projeto Angular executando o seguinte comando:
ng new my-project
Isso criará um novo diretório chamado "my-project" com todos os arquivos necessários para um projeto Angular básico. Depois de criar o projeto, navegue até o diretório do projeto usando o seguinte comando:
cd my-project
Depois de navegar até o diretório do projeto, você pode iniciar o servidor de desenvolvimento do Angular executando o seguinte comando:
ng serve
Isso iniciará o servidor de desenvolvimento e abrirá o aplicativo em seu navegador padrão.
Para exibir "Hello, World!" na página, basta abrir o arquivo "src/app/app.component.html" e adicionar o seguinte código:
<h1>Hello, World!</h1>
Salve o arquivo e atualize a página no navegador para ver a mensagem "Hello, World!" exibida.
Espero que isso ajude! Se você tiver alguma dúvida ou precisar de mais informações, por favor, não hesite em perguntar.
Posted on December 23, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.