Guia para Criar o Projeto Olá Mundo com NodeJS e Angular

Vamos evitar a Maldição do Olá Mundo Maldição Olá Mundo Para evitar que lenda nos pegue Reza a lenda que sabese lá Quando você for criar o primeiro programa e não imprimir na tela Mundo ou Hello World receberá o castigo de não conseguir aprender a tal linguagem Por isso vamos criar o projeto Olá Mundo NodeJSNPM NodeJS executa o código do lado do servidor Utilizado no curso para executar testes NPM é o gerenciador de pacotes do Models Instalação NodeJS Download httpsnodejsorgendownload Avançar e Instalar Testar abrir o console do Nodejs No terminal node version npm version Projeto Olá Mundo Início do projeto Angular Execução do Projeto Instalar o Angular CLI Estrutura do Projeto 1 Passo Instalar o Angular CLI No terminal Entrar na pasta onde você vai criar o projeto e npm install g angularcli ng version Primeiro Projeto No terminal ng new nomedoprojeto olamundo Digitar e Enter Ele vai criar a estrutura de pastas Veja Este Computador Documentos Aplicações Web Projetos olaMundo Nome Data de modificação T P A P A C A A A A A A A 23092021 1342 23092021 1341 23092021 1341 23092021 1341 23092021 1342 nodemodules src browserlistrc editorconfig gitignore angularjson karmaconfjs packagelockjson READMEmd tsconfigappjson tsconfigspecjson No editor VS CODE Abrir o projeto verificou na pasta onde você criou Ele criou a estrutura de pastas e arquivo Abrir o arquivo appcomponenthtml Deixar o código abaixo DOCTYPE html html langen head meta charsetUTF8 meta httpequivXUACompatible contentIEedge meta nameviewport contentwidthdevicewidth initialscale10 titleDocumenttitle head body routeroutletrouteroutlet body html No terminal Na linha abaixo entrar no projeto httplocalhost4200 Vamos também habilitar o bootstrap aqui No terminal dentro do projeto olaMundo npm install save bootstrap3 No arquivo angularjson alterar srcstylescss nodemodulesbootstrapdistcssbootstrapmincss Pode atualizar o servidor ng serve