Curso Angular #02: Ambiente de Desenvolvimento (Node.JS, TypeScript, Angular CLI)

[@cassiussaraivacorrea7030]

Para verificar a versão do angular instalada use o comando ng --version Com dois traços. Assim vai funcionar.

[@vitaodaarmacao9870]

VOCE É UM ANJO!!!!!! MUITO OBRIGADO

[@pedrohenriquesouzasantos9709]

maluco, tu é foda pqp. tava dando 3 avisos aqui e eu usava ng -v e nao aparecia nada, achei que era erros de instalacao, do seu modo funcionou. THANKSSS!!!!

[@jamfera2]

Obrigado

[@andressasocolowski7779]

Obrigada, achei que havia feito errado. seu comentario ajudou! ☺

[@vincesupermoto]

Agora mudou, aqui só funcionou sem os traços ng version

[@fabiobissolipiazzarollo7661]

Loiane, seu curso é maravilhoso e sua didática é top! Estudamos juntos na FAESA há uns 12 anos...rsrs Para quem estiver fazendo o curso em 2022, como eu, na hora de verificar a versão, se digitar ng -v ou ng --version vai dar erro. Digite apenas ng version que vai dar certo!

[@nathalai_]

Eu vim aqui nos comentários justamente procurar uma explicação para o que estava acontecendo! Valeu pela ajuda Fabio!

[@Brendon_Henrique]

perfeito, valeu 😪👏👏

[@tiagomachado627]

obrigado pq ja tava arrancando os cabelos que eu n tenho kkkk

[@jessicaellen5413]

Obrigada, já estava surtando aqui ! kkkkkkk

[@AndressaLimageophysics]

Estou assistindo suas aulas porque um amigo me indicou, mas não tô acreditando que vc existe. Parabens, pela didática, pela paciência...por tudo.

[@JoshBAlmeidassd]

Vendo aqui e sentindo o mesmo k.

[@osmargoncalvesvieira4827]

Didática fantástica, da pra perceber que realmente sabe do que está falando ainda por cima é autora de todos aqueles livros de front-end parabéns continue sempre assim.

[@leonardobranbila5902]

Vim de 2019 para falar que esse curso e show!

[@alexhaifa]

Ola Loiane, muito obrigado pelo seu ensino, seu tempo dedicado a nos ensinar. Sua abordagem é sensacional, clara e bem direta. Sucesso em sua vida e Deus lhe abençoe sempre.

[@jonatasleonis455]

Loiane, sensacional esse curso de angular 2. Você tem uma didática fantástica que não deixa o curso cansativo, muito pelo contrário, dá vontade de assistir todas as aulas de uma só vez hahahaah. Parabéns pelo excelente trabalho e muito obrigado pois você esta me ajudando muito.

[@franciscojose5572]

2022 e muito feliz de estar aqui!

[@Knothhead]

Segunda aula e só consigo pensar: esse ano eu fico bom em Angular! Gratidão eterna por esse curso @Loane Groner

[@LucianoMagalhaes]

Didática ótima. Fala em uma velocidade boa e bem explicado!! Obrigado pelo conteúdo, que Deus continue abençoando essa cabeça pensante. Parabéns!!!

[@mateusspadari5171]

Obrigado por essa super aula Loiane !

[@ArcanjoThess]

Comando ng -v não reconhece. Usar ng --version.. seja feliz...

[@walkerjosh2162]

Obrigado!!!!

[@removed107]

Obrigado.

[@amandapriscilasilva1022]

Obrigada, já estava procurando um help rsrs

[@LorenzoPlayer1]

pode usar ng version

[@SirleneD]

Obrigada!

[@marcopaulodepaoli]

Loiane, muito obrigado. Você não faz ideia o tanto que seus cursos já me ajudaram!

[@suelentrindade7371]

Me indicaram você, maravilhosa já tem mais uma fã!

[@josemarsilva]

Gratidão pelo conteúdo disponibilizado!

[@gabrieljony9562]

Olá estou usando o Windows 10 e instalei o angular cli usando o comando-> install -g @angular/cli Para verificar se foi instalado corretamente tive que usar o comando-> ng --version A versão do meu angula CLI 7.1.0 Node 11.2.0 typescript 3.1.6 Comentei aqui só para ajudar quem estava com a dificuldade em relação ao comando ng -v que não funcionou no meu caso. Parabéns pelas aulas e continue trazendo mais conteúdos.

[@abcdainfo]

Para mim não foi possível rodar os comandos npm install no prompt de comando do Windows, apenas no Node.js command prompt. Além disso o comando para ver a versão instalada do angular cli teve de ser "ng v" sem o sinal de menos. Provavelmente estes detalhes tem a ver com as novas versões dos softwares e S.O. Windows 10: Angular CLI: 17.3.0 Node: 20.11.1

[@xogum70]

Muito dez a tua didática e clareza.

[@dylerdf]

Show de bola, estou acompanhando as aulas... Só uma observação importante: Verify that you are running at least node 6.9.x and npm 3.x.x by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.

[@LeopoldoErick]

Loiane, rainha maravilhosa! Muitooo bom o curso!

[@alissonbezerra7]

Manda muito bem, parabéns pelo trabalho.

[@Cataokinha]

Excelente curso. Era bem o que eu estava procurando, muito obrigado Loiane Groner.

[@levisaturnino6238]

Estou utilizando o Visual Studio Code, e estou adorando mexer nele!.

[@Bruno_Mota]

Excelente conteúdo!

[@adilsonalves8028]

Parabéns muito bom, como sugestão para quem trabalha c linux, é fazer a instalação do nodejs via script nvm (node version manager) assim dá pra ter várias versões do nodejs no mesmo computador e vc pode alternar entre as versões do node disponíveis. Não precisa de root pra instalar!

[@adenilsonbrito1636]

Aula perfeita...Loiane, minha princesa linda, obrigado pela aula...

[@charlesschneiderp]

Obrigado, Loiane!

[@-johnny340]

Caso vc esteja tendo problemas para instalar o angular utilizando: npm -g install @angular/cli Tente: npm install -g @angular/cli@latest

[@vbddinho]

para Angular 14 utilize - > ng version

[@JorlaneBMelo]

Conteúdo muito bom! Ótima didática. Obrigada por compartilhar o seu conhecimento!!!

[@vinnyamap]

Muito bom, um curso atualizado. Muito Obrigado por disponibilizar.

[@JeffersonLuizCruz]

Essa aula tá perfeita.

[@gabrielgomesdasilva512]

Parabéns pelas aulas comecei agora mas estou gostando muito da sua didática

[@fernandaf7359]

In9

[@profhenriquedezani]

Loiane, meus parabéns! Ótimo curso. Se possível, eu tenho uma dúvida especifica de nodejs. Se puder me ajudar (ou alguém que esteja lendo o post). Eu tenho uma router (express) que chama outro router. Preciso passar parâmetro do primeiro para o segundo. Estou fazendo request.user = meuObjeto; É o melhor jeito? Obrigado.

[@fabioandrade9816]

Excelente Loiane !! Parabéns e Obriado !!!

[@carlaalcantara9029]

Show!! Muito obrigada!!

[@alexgirao8353]

Excepcional Loiane!

[@vedovelli]

Quando vi o script de Angular 1 deu até um nó na garganta! =D

[@loianegroner]

kkkkkkkk era bem menos complexo. Esse mundo de Angular, React e Vue hj tá bem diferente! rs

[@evoteching]

Olá Loiane gostaria de saber se esse conteúdo já está obsoleto

[@davi-sousa]

Eu também... Apesar de está escrito Aulas sobre Angular 2 e Angular 4, gostaria de uma afirmação.

[@TarcisioPqdt]

tbm quero saber

[@joedsongabriel4336]

Este conteúdo está depreciado?

[@DavidGarcia-yy9wg]

Na versão do Node >20 o comando foi ng version.

[@andersonjmartins]

parabéns!! estou gostando muito! vou continuar fazendo o curso!

[@francoesdasilvapereira]

Olá, estou começando a acompanhar o curso, pela lista de conteúdo já da pra ver que vai ser muito bom. Parabéns pela niciativa. Loiane ao tentar instalar o angular/cli no meu computador deu erro. O comando foi "npm install -g angular/cli" (sem as aspas). Ao olhar o github "github.com/angular/angular-cli" na parte de instalação ele adiciona o "@" antes da palavra angular e depois do "-g" fiz dessa forma e deu certo.

[@Remarchand]

Olá. Também tive problemas para instalar, aparece um monte de erro. Removi tudo, exceto o node, e comecei fazendo o seguinte: Criei uma pasta para o meu projeto; Localizei esta pasta no terminal e nela instale o typescript, como ensinado no vídeo; Nesta mesma pasta instale o angular-cli, mas ao invés de digitar angular/cli, substitua a barra pelo traço (angular-cli) e depois que terminar, faça a verificação digitando ng -v. Espero que sirva de ajuda.

[@loianegroner]

oi Francoes, sim, o comando tem o @ na frente no nome, como todos os pacotes da API do Angular v2 e v4. :)

[@loianegroner]

oi Rosane o angular-cli é a versão antiga. Se puder faça a atualização para @angular/cli []s

[@matheusbottini5568]

Muito obrigado!!

[@losmares6]

Obrigado

[@oswaldotelecom]

Muito obrigado pela aula!

[@levitec]

Grande iniciativa!

[@LauraCeconi]

Tive problemas ao executar o comando 'ng -v', dava 'comando não encontrado'. A forma de resolver isso é desinstalando e instalando o Node > 6 (não adianta atualizar a versão do Node, se você tem uma anterior). Fica a dica se acontecer com alguém!

[@noobinaction3910]

Caso vc precise usar várias versões de node na sua máquina, o mais correto é utilizar o nvm (Node version manager).

[@Parreira16]

Em um outro computador quando fui instalar o @angular/cli não dava para instalar, pesquisei e descobri que era só desinstalar o "bytefence Anti Malware" que consegue instalar o @angular/cli. Aqui resolveu, talvez resolva no seu também.

[@carlosync]

Pois é estou pasando por esse problema aqui no meu mac.. e não sei remover o node.

[@LauraCeconi]

sudo apt-get remove nodejs

[@carlosync]

já conseguir, porém de outra forma com rm -rf pastas do node rsrs.

[@cassiolins3661]

Parabéns, muito bom o curso

[@leonardogr2003]

Oi Loiane. Primeiramente agradeço a você por oferecer esse excelente curso, de modo gratuito e completo. Sou desenvolvedor Java e gostaria de utilizar essa linguagem no backend mesmo (Java EE) ao invés de NodeJs. Mesmo assim, eu tentei instalar o Node para iniciar a instalação do Angular. Para minha infelicidade, a instalação do Node está dando um problema, ocorre rollback no andamento e a instalação não é feita. Já tentei remover temporários, permissões...e nada feito. Você já viu esse problema antes?

[@hiagooliveira8834]

Por mais pessoas como você ! Gratidão real

[@waldirescoutopereira9986]

Essas configurações servem para o angular 8? precisa de mais alguma?

[@juliano-nicocelli]

Excelente.

[@pauloinacio9855]

para verificar a versao instalada use apenas : ng version

[@rafaelsoares5350]

tu é foda

[@zanini-za9]

Sensacional, meus parabéns Loiane! Ótima iniciativa e material de muita qualidade. Parabéns mesmo e muito obrigado.

[@darcceliowildsondefreitase608]

Realmente sua didática é muito boa. Gostaria de saber se ainda compensa fazer o curso, já que a versão das aulas estão com o Angular 1.0 e hoje há está na 13.0. Obrigado.

[@Knothhead]

Compensa e muito, eu estou começando agora. A base do framework é a mesma, única coisa que mudou são as atualizações da versão, algumas coisas da sintaxe. Mas isso da pra ir se atualizando.

[@phgp18]

boa noite Loiane Groner, primeiramente, parabéns pelo curso, mt bom seu canal. esse curso ta me ajudando bastante,kkk, mas estou com uma duvida quanto a instalação do NODE, tem alguma diferença em instalar o NODE pelo instalador dele e pelo brew?

[@neemiascarvalho4816]

O typescript seria o delphi do pascal?

[@GaleraDiscolada]

Loiane obg pelo curso estou muito feliz e acompanhando tudo. Preciso de sua ajuda, estou com uma aplicação, onde uso express no back e angular 2 no front, e todas as vezes que vou compilar alguma coisa do front, tenho que usar o ng build. ele cria uma pasta a parte com tudo e ai eu seto express pra ela. tenho que tar fazendo o ng build sempre que faço modificação no front, qual a solução que vc me indica pra eu não ter que reinicar sempre com o ng build todas as vezes que faço algo no front?

[@juarezmiranda330]

Caso vcs recebam o erro "You need to specify a command before moving on. Use '--help' to view the available commands" tentem rodar o comando "ng version" ao invés de "ng -v". Funcionou para mim assim.

[@alladiobonesso]

Queridão, mudou agora é: "ng version" espero ter ajudado! tenta "ng --help", que vai dar um monte de opções

[@xarop3e]

posso utilizar a ultima versão do node pra fazer o curso?

[@lessajuniorpy]

no meu é sem os traços apenas ng version, vi no ng --help

[@hannakarol9676]

por favor alguém sabe qual vídeo ela ensina uma tela de cadastro que ao cadastrar vai para o banco de dados, que vai para o login e acesso a minha conta ??

[@JoaoPedro-de3wd]

Muito bom, parabéns!!

[@carlacosta765]

Loiane, tem outro software no lugar do NodeJs? porque meu pc é de 32bits e não esta dando certo

[@neliosouzabaragabraga4892]

10 suas aulas .

[@MarcosMicrosoft]

Amigos, Não esqueçam de criar a variavel de ambiente para uso em windows. Variavel de Sistema: NODE_ENV Valor: development

[@jennpessoa]

pra que?

Excelente aula!!!

[@rodolfonogueira3528]

Sensacional!

[@willianmarques7750]

Olá Senhorita Loiane, gostaria de saber se haveria a possibilidade de você realizar um video de preparar o ambiente de desenvolvimento em Angular 4 em Linux(Ubuntu 16.04 LTS), pois, estou enfrentando muitos problemas. Desde já muito obrigado!

[@bladexzeros7921]

Willian Marques cara é só vc seguir os passos, 1 - sudo apt-get install node 2 - verificar se foi instalado com node -v; e com npm -v 3 - sudo npm install -g typescript 4 - sudo npm install -g angular/cli Espero ter ajudado ;)

[@willianmarques7750]

BladeXzeros Muito obrigado mesmo BladeXzeros, estou aprendendo diretivas no momento. Um grande abraço!

[@antonipablo1551]

Estou estudando angular e como hj está na vesão 7, vale a pena eu continuar vendo esse 4??? você explica muito bem eu queria continuar vendo mas não queria enfrentar tantas mudanças. Alguem me ajuda pfv

[@loianegroner]

Oi, só existe Angular, não faz diferença Angular 4, Angular 7, Angular 8. Existem pequenas mudanças de uma versão pra outra, mas na playlist tem videos explicando o que muda em cada versão! []'s

[@antonipablo1551]

@@loianegroner Oi, muito obrigado, eu até estava errado já está na 8 neh, sauhu nossa, eu tinha instalado esse ano o 7 e não vi que tinha atualizado. Mas ok então continuarei a playlist, e aliás muito obrigado por essas aulas, você nos icentiva d+ com sua didática e maneira de explicar. Muito Obrigado.

[@dateengineerazurecloud2904]

Awesome. Thank you.

[@schielke88]

esta aula serve para o atual versão do angular?

[@rafaelmiranda8664]

Não entendi a diferença do angular-cli e do @angular/cli quando instala os pacotes

[@FerndsLuis]

Comecei o curso hoje e tenho o angular 12 instalado. Eu posso manter +1 versão no Windows? será que posso usar o WSL?

[@rocktech7063]

Quanto TS é mais dificil que o JS??

[@LucasLopesbadv8]

obrigado!

[@sidneialvesdesousa204]

Uma duvida, estou estudando angular com intuito de criar meu ERP Online, sendo que hoje tenho ele para desktop somente. seria viável usar Angular para essa criação?

[@NiteMassege]

Se o comando ng -v e o ng -version não estiver funcionando usa o ng --version

[@lucasmarte]

Funcionou vlwww

[@julianobalbis2011]

aparece essa msg de erro depois de instalar o angular cli "You are running version v8.12.0 of Node.js, which is not supported by Angular CLI 8.0+. The official Node.js version that is supported is 10.9 or greater. "

[@loianegroner]

Com versões mais atuais do angular, é necessário versão mais atual do Node tente. Tente Node versão 10 ou 12.

[@lucasalexandrealmeida3191]

Loiane, boa noite. Como faz para ter no Atom os icones personalizados dos arquivos do projeto? Qual o plugin que eu devo instalar? Obrigado...

[@rodrigochagas24]

Na video aula 8 ela explica.

[@Xim9600]

só conseguir ver a versao do node (pois ja tinha estalado em outro momento) com o node -v (no meu caso v10.13.0) ja o ng version fala que o 'ng' não é reconhecido como um comando interno, alguem teve este problema?

[@loianegroner]

Precisa instalar o angular cli global: npm install -g @angular/cli

[@Xim9600]

@@loianegroner deu certo aqui, muito obrigado!!!

[@brunolemes821]

Será q da pra fazer uma boa junção com Qt quick ? :D

[@edivanlima1777]

Tem algum problema fazer esse curso na versão atual do angular ? Ou precisa ser feito com angular 2?

[@rogeroliveira4973]

A meu ver o problema do Angular 2+ está sua curva de aprendizagem. Ela se tornou bem maior quando comparamos com outros frameworks como Vue, React e o próprio Angular 1.x.

[@Miguel-ns8ty]

Olá conheci agora seu canal, muito bom! aprendi a usar o git, video antigo heeh porque aula 2 sendo que já tem 64 postadas?

[@loianegroner]

Obrigada! Atualização de alguns conteúdos! []s

[@valterdjunior]

Acho que sou do contra, pois vou usar o único que você não vai apresentar. Depois conto como foi minha estrada usando o Sublime Text!

[@andersoncorreadacunha]

Olá tentei rodar o comando: sudo npm install -g @angular/cli Mas deu os seguintes erros: npm WARN deprecated request@2.88.2: request has been deprecated, see github.com/request/request/issues/3142 npm ERR! code EEXIST npm ERR! syscall symlink npm ERR! path ../lib/node_modules/@angular/cli/bin/ng npm ERR! dest /usr/bin/ng npm ERR! errno -17 npm ERR! EEXIST: file already exists, symlink '../lib/node_modules/@angular/cli/bin/ng' -> '/usr/bin/ng' npm ERR! File exists: /usr/bin/ng npm ERR! Remove the existing file and try again, or run npm npm ERR! with --force to overwrite files recklessly. npm ERR! A complete log of this run can be found in: npm ERR! /home/anderson/.npm/_logs/2020-04-17T04_22_07_976Z-debug.log Uso o linux mint. O que devo fazer?

[@likesofc]

npm install -g @angular/cli@latest tenta isso e veja se esta tudo ok, com isso ng --version com os dois traços

[@makalau3865]

Não sei se estou fazendo uma loucura muito grande, mas estou estudando React e Angular juntos, será que vou pirar? kkkkkkkkkkkkkk Excelente curso

[@Rueslei]

Para verificar a versão usem o comando ng version

[@makalau3865]

Valeu cara kkkkkk Instalei o Angular 5x achando que não estava instalado pq o comando: ng -v não estava dando certo. Tô quase explodindo meu HD kkkk

[@Rueslei]

@@makalau3865 kkkkkk

[@HailsonSilva]

Ao tentar instalar o type script, me da erro de permissao no windows ( ERROR! CONNECT EACCES,..... ) alguem poderia me ajudar como resolver ? utilizo windows 10 Pro 64x

[@loianegroner]

tente executar o cmd como administrador. Clique com o botão direito e "executar como admin".

[@HailsonSilva]

Loiane Groner mesmo sendo executado como admin não resolveu

[@loianegroner]

tente atualizar a versão no node então, ou verifique se vc usa proxy. Ou então se tiver anti-virus, desabilite o anti-virus pra instalação e depois habilite novamente.

[@HailsonSilva]

Loiane Groner desinstalei e instalei a nova versão. desabilite meu firewall. paralisei o antivírus e nada. Mas pior q acredito q seja o kaspersky mesmo eu o desativando

[@mayconbatista8946]

quando dou ng -v não aparece isso não!

[@AKA4156]

usa um desses dois: ng --version ng v

[@Satoshi-jb7cp]

@@AKA4156 me ajudou aqui

[@adnanaraujo3948]

curso bom

[@danillofidelgomes6822]

Loane, n consigo cadastrar la no site, pede um activation key mas por email só vai um link...

[@loianegroner]

A última parte do link é a chave de ativação!

[@danillofidelgomes6822]

Loiane Groner tentei mas nao consegui loiane.training/activate/ - 8Sip1WoQNmrEdJtTX9YGgFkPwrQWqWIY - / seria essa parte que coloquei em destaque?

[@CrystyannoSouza]

Loiane e necessário eu ter um servidor local na minha maquina?

[@edneydasilvasouza]

Bom dia Loiane, gostaria de saber qual o tema que voce utiliza no Visual Studio Code, gostei do tema que voce utiliza mas não sei exatamente qual é?

[@andrewsfelipe6744]

vs code

[@gesiellucas7243]

Primeiro sua aula é incrível, parabens sempre

[@neemiascarvalho4816]

Tooooooooooooooooooooooop!

[@lokaute]

Para quem está vendo o vídeo em 2021, o comando agora é "ng v" (sem as aspas)

[@adsonsouzajesus]

Já esta na versão 7 do angular, como eu devo acompanhar o curso?

[@loianegroner]

Angular, 2, 4, 5, 6, 7, 8 não faz diferença, é apenas Angular. Existem vídeos de atualização de uma versão pra outra na playlist também (mostrando o que mudou de uma versão pra outra).

[@Atrombetone]

Olá Loiane, parabéns pela iniciativa. Tentei me cadastrar no loiane.training mas não estou recebendo o email para confirmação da conta. :-|

[@amandaavelino8362]

Olá André. Eu achava que não estava recebendo, mas demorou um pouco pra confirmar minha inscrição também.

[@adenairalmeida7375]

seria bom deixar informado que precisa do python instalado

[@ricardoelfuego]

Pra que?