{"id":38899,"date":"2020-04-16T09:21:35","date_gmt":"2020-04-16T16:21:35","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/premier-developer\/?p=38899"},"modified":"2020-03-27T09:54:41","modified_gmt":"2020-03-27T16:54:41","slug":"introducao-ao-node-js","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/introducao-ao-node-js\/","title":{"rendered":"Introdu\u00e7\u00e3o ao Node.js"},"content":{"rendered":"

The Portuguese translation for this article is provided by App Dev Manager Julio Madeira<\/a>.\nEnglish version available here<\/a>.<\/p>\n

\n

Segue um simples passo-a-passo para gui\u00e1-lo e ensinar como configurar sua aplica\u00e7\u00e3o Angular com Visual Studio Code e Node. Esse guia ir\u00e1 ajud\u00e1-lo a identificar o que instalar, quais comandos executar em PowerShell e alguns conceitos b\u00e1sicos de por onde come\u00e7ar a construir seu app usando Visual Studio Code.<\/p>\n

    \n
  1. \n
      \n
    1. Instale o Node JS com as configura\u00e7\u00f5es padr\u00f5es para todos os campos:\nhttps:\/\/nodejs.org\/en\/download\/<\/a><\/li>\n
    2. Baixe o Visual Studio Code:\nhttps:\/\/code.visualstudio.com\/download<\/a><\/li>\n
    3. Abra o PowerShell em modo Administrativo e instale o Angular CLI:\n
      npm install -g @angular\/cli\r\n<\/pre>\n<\/li>\n
    4. Navegue at\u00e9 a pasta onde voc\u00ea quer criar seu Aplicativo Angular. No meu exemplo eu estou usando o diret\u00f3rio\/pasta C:\\ no meu PowerShell para rodar o seguinte comando, no meu caso, estou chamando meu aplicativo de \u201cmy-new-angular-app\u201d mas voc\u00ea pode dar o nome que quiser para seu aplicativo.\n
      ng new my-new-angular-app<\/pre>\n
      <\/li>\n
    5. Digite CD no seu novo directorio do aplicativo que voc\u00ea acabou de criar, no meu caso:\n
      Cd my-new-angular-app<\/pre>\n<\/li>\n
    6. Execute o Build app e Inicie o Servidor:\n
      Ng serve<\/pre>\n
      \"image\"<\/li>\n
    7. Abra o seu navegador e digite: http:\/\/localhost:4200<\/a>\n\"image\"<\/li>\n
    8. Abra o Visual Studio Code<\/li>\n
    9. Clique em Arquivo, Abrir Pasta\n\"image\"<\/li>\n
    10. Abra a pasta que voc\u00ea criou, nesse caso, a minha pasta \u00e9 my-new-angular-app. Clique em Selecionar Pasta como mostrado na captura de tela abaixo:\n\"Image<\/li>\n
    11. Package.json<\/strong> tem todas as depend\u00eancias do Angular e seus pacotes.\n\"image\"<\/li>\n
    12. Voc\u00ea pode adicionar todos os seus componentes nessa pasta \u201cApp\u201d.\n\"image\"<\/li>\n
    13. No PowerShell, para parar seu servidor:\n
        \n
      1. Clique Ctrl+C<\/li>\n
      2. Ent\u00e3o digite \u201cY\u201d e clique <ENTER> para par\u00e1-lo:\n\"image\"<\/li>\n<\/ol>\n<\/li>\n
      3. Veja no link abaixo outros documentos sobre como usar o Angular: https:\/\/angular.io\/guide\/styleguide<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
         <\/p>\n","protected":false},"excerpt":{"rendered":"
        Segue um simples passo-a-passo para gui\u00e1-lo e ensinar como configurar sua aplica\u00e7\u00e3o Angular com Visual Studio Code e Node. Esse guia ir\u00e1 ajud\u00e1-lo a identificar o que instalar, quais comandos executar em PowerShell e alguns conceitos b\u00e1sicos de por onde come\u00e7ar a construir seu app usando Visual Studio Code.<\/p>\n","protected":false},"author":582,"featured_media":38909,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[51,284,1036,3,377],"class_list":["post-38899","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-permierdev","tag-angular","tag-node-js","tag-region_latam","tag-team","tag-visual-studio-code"],"acf":[],"blog_post_summary":"
        Segue um simples passo-a-passo para gui\u00e1-lo e ensinar como configurar sua aplica\u00e7\u00e3o Angular com Visual Studio Code e Node. Esse guia ir\u00e1 ajud\u00e1-lo a identificar o que instalar, quais comandos executar em PowerShell e alguns conceitos b\u00e1sicos de por onde come\u00e7ar a construir seu app usando Visual Studio Code.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/38899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/users\/582"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/comments?post=38899"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/38899\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/38909"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=38899"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=38899"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=38899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}