Ok, ok, eu ouço você dizer.
Vamos continuar com isso,
mostre-me algum código.
Na verdade, vamos começar a criar
nosso aplicativo Angular neste primeiro exercício.
Vamos usar a interface de linha de comando Angular,
o Angular CLI para andaime nossa aplicação Angular neste exercício.
Então, à medida que passarmos pelo resto dos exercícios deste curso,
vamos construir a nossa aplicação Angular passo a passo.
O Angular CLI é uma maneira muito conveniente de criar um aplicativo Angular.
O aplicativo Angular criado pela Angular CLI segue o estilo
guias sugeridos pelos desenvolvedores de framework Angular.
Podemos usar o Angular CLI para andaime
muitas partes da nossa aplicação Angular incluindo os componentes,
os serviços da nossa aplicação Angular.
O Angular CLI também vem com seu próprio servidor embutido,
que podemos usar para servir o aplicativo Angular como estamos construindo,
e depois ver nosso aplicativo Angular em
o navegador como uma prévia ao vivo de nosso aplicativo.
Como quando fazemos alterações,
as alterações serão refletidas imediatamente no navegador.
Essa é a razão pela qual eu escolhi usar o Angular CLI como
a abordagem para construir nossa aplicação Angular neste curso.
Para começar, vá para um local conveniente em
seu computador e crie uma pasta chamada Angular.
Então, eu vou começar movendo para meus documentos pasta Coursera.
É onde eu guardo todos os meus arquivos para o meu curso Coursera,
e, em seguida, criarei uma pasta
chamada Angular e, em seguida, um movimento para a pasta Angular.
Agora, vamos criar nosso aplicativo Angular dentro desta pasta.
O primeiro passo que fazemos neste exercício é instalar o Angular CLI.
Então, no prompt,
digite npm install -g @angular /cli @ 6.2.1.
Agora, sempre que instalo um módulo NPM,
também especificarei a versão exata do módulo NPM que estou instalando.
Eu gostaria fortemente que você instale
a mesma versão do módulo NPM para que você possa passar
o resto dos exercícios sem ter nenhum problema com os exercícios.
Então, neste caso, estou instalando a versão 6.2.1 do Angular CLI.
Agora, se você estiver fazendo isso em um Mac ou Linux,
não esqueça o sudo na frente da instalação do npm.
A instalação levará algum tempo.
Assim, uma vez concluída a instalação,
então a Angular CLI estará disponível em sua linha de comando.
Uma vez concluída a instalação,
você pode verificar e ver se a Angular CLI está instalada.
Uma vez instalado,
talvez seja necessário reiniciar o terminal para
para que as ferramentas Angular CLI estejam disponíveis no prompt.
A Angular CLI está disponível digitando ng em
o prompt seguido de um conjunto de instruções adicionais.
Então, o primeiro comando que vamos testar é ng help,
e isso irá listar um conjunto de todos os outros comandos
que a Angular CLI nos permite executar.
Ng, como você vê, será o prefixo para
todos os comandos Angular CLI que você usará neste curso.
Isto irá listar um conjunto de todas as opções que a Angular CLI fornece para nós.
Vamos aprender muitos desses comandos à medida que percorrermos o resto deste curso.
Para criar um novo aplicativo Angular,
Eu vou criar esse aplicativo em
a pasta Angular em uma subpasta chamada Confusão.
Se você fez o curso anterior no Bootstrap quatro,
você entenderia por que eu nomeei este aplicativo como Confusão.
Então, no prompt,
digite ng new Confusion,
e então eu usaria sass como
a estrutura de estilo CSS para minha aplicação Angular.
Então, eu especifico menos estilo igual ao SCSS,
e aperte o Return e vai levar algum tempo para
o aplicativo Angular para ser criado na pasta atual.
Uma vez que seu aplicativo é instalado,
vamos usar o servidor embutido do
o Angular CLI para compilar nosso aplicativo Angular e começar a servi-lo.
Mover para a pasta Confusion,
e no prompt, digite ng serve,
e aguarde o servidor Angular Live Development para começar
e construir nosso aplicativo Angular e começar a servir o aplicativo.
Uma vez concluída,
então você vai notar que esta aplicação estará disponível digitando
a http://localhost:4200 na barra de endereço do nosso navegador.
Você pode deixar o servidor de desenvolvimento funcionando continuamente.
À medida que você faz alterações em seu aplicativo Angular,
o servidor irá recompilar automaticamente as alterações e, em seguida,
começar a servir o aplicativo Angular atualizado dentro do seu navegador.
Então, esta seria uma boa maneira de assistir ao vivo as mudanças que você faz
dentro do seu aplicativo Angular sendo imediatamente refletido
no navegador onde você vê seu aplicativo Angular.
Se você vai para o navegador e acessar o aplicativo Angular em localhost:4200,
você vê que o aplicativo começa a funcionar,
e ele vai servir este conjunto de palavras em nosso navegador.
Então, este é um aplicativo muito simples que bare-bones Aplicação angular para
começar com o desenvolvimento de sua aplicação Angular.
Nós vamos construir sobre este aplicativo andaime da Angular CLI,
implementando vários recursos como parte deste curso.
Se você está planejando usar o Git para seu aplicativo Angular para versionamento,
então neste momento,
pode ser uma boa idéia inicializar seu repositório Git.
A Angular CLI faz automaticamente a inicialização do seu repositório Git,
e, portanto, o primeiro commit com a mensagem inicial commit para o repositório Git.
Vamos verificar o status do nosso repositório Git.
Vamos fazer check-out digitando git log
uma linha e você verá que
a configuração inicial foi confirmada no nosso repositório Git.
Agora, podemos começar a trabalhar em nosso aplicativo Angular que
tem andaimes nesta pasta aqui.
Se você optar por sincronizar seu repositório Git com um repositório online,
então certifique-se de que seu repositório online é um repositório privado.
Bitbucket permite criar repositórios privados gratuitos.
Então, vá em frente e configure seu repositório Git no Bitbucket.
Com isso, completamos nosso exercício.
Neste primeiro exercício,
instalamos o Angular CLI.
Em seguida, temos andaime nosso aplicativo Angular no qual vamos para
trabalhar para desenvolver ainda mais como parte do resto dos exercícios deste curso.