"Hello, World!" em Angular

matheushchaves

Matheus Chaves

Posted on December 23, 2022

"Hello, World!" em Angular

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
Enter fullscreen mode Exit fullscreen mode

Uma vez que o Angular CLI estiver instalado, você pode criar um novo projeto Angular executando o seguinte comando:

ng new my-project
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

Depois de navegar até o diretório do projeto, você pode iniciar o servidor de desenvolvimento do Angular executando o seguinte comando:

ng serve
Enter fullscreen mode Exit fullscreen mode

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>
Enter fullscreen mode Exit fullscreen mode

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.

💖 💪 🙅 🚩
matheushchaves
Matheus Chaves

Posted on December 23, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related