Como instalar e configurar o Angular2 em seu ambiente de desenvolvimento - EDeVE

Posts

Anuncie

domingo, 20 de janeiro de 2019

Como instalar e configurar o Angular2 em seu ambiente de desenvolvimento


O Angular2 Ã© um framework Javascript de código aberto, ele auxilia na criação e gerenciamento de aplicações web. Ele é muito conhecido por facilitar a conexão entre back-end e front-end, possibilitando o uso de html como linguagem de marcação. 

Para que o Angular2 seja instalado, primeiro é necessário instalar o Node, acessando o site oficial do Node e seguindo os passos lá descritos. Para clientes linux o processo é automatizado com o simples comando de terminal $ apt install nodejs.

Para alguns desenvolvedores e projetos uma versão especifica é requerida, tanto do NodeJS como do gerenciador de pacotes NPM, este gerenciador vem junto com o node na instalação descrita acima. Assim uma opção utilizada é a instalação do Node Version Manager(NVM). Para tal tarefa para clientes linux os seguintes comandos são requeridos:
  • $ wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
  • $ export NVM_DIR="${XDG_CONFIG_HOME/:-$HOME/.}nvm"
  • $ [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" 

Atenção: É necessário que a variável $HOME esteja devidamente configurada para que os comandos acima funcionem. Caso contrario o seguinte comando deve ser executado.

  • export HOME="/home/nome_do_seu_usuario"
  • export NVM_DIR = "/home/nome_do_seu_usuario/.nvm"
  • source ~/.nvm/nvm.sh

Depois desses comandos o nvm estará instalado. Para instalação do NodeJS, existem duas opções agora:
  • $ nvm install node
  • $ nvm install 6.14.4
A primeira opção instala a ultima versão do node e é equivalente a seguir a instalação padrão, o segundo comando instala uma versão especificada como parâmetro. Você também pode instalar mais de uma versão do node e especificar quais das versões baixadas você deseja utilizar, neste caso use o comando de terminal $ nvm use versao, especificando qual a versão.

Após a instalação do NodeJS e NPM, podemos instalar o angular, com o comando de terminal $ npm install -g @angular/cli. Instalamos também o Typescript, uma versão do javascript tipada, com o comando $ npm install -g typescript. O typescript facilita na utilização em conjunto com o angular.

Para criar um projeto utilizando angular, basta executar o comando $ ng new project_name. 

Para saber mais comandos do angular, acesse este tutorial.

Fontes: Devmedia, Angular.

3 comentários:

  1. Uma problema aqui. O comando `npm install -g @angular/cli` instala a última versão do Angular. Para isntalar o AngularJS como diz o título com a ferramenta cli, o comando é `npm install angular-1.5-cli -g`.

    ResponderExcluir
  2. E TypeScript funciona nativamente em Angular 2+. Para usar TypeScript com AngularJS, você precisa configurar algumas coisas adicionais. O link abaixo mostra como fazer.

    https://brianflove.com/2016/12/26/typing-up-your-angular-1-app/

    ResponderExcluir

■ Faltou alguma informação ?
■ Algo não ficou claro ?
■ Você acha que poderia ser explicado de outra maneira ?
■ Faltou uma ilustração mais detalhada ?
Relate sua experiência nos comentários que tentaremos soluciona-la.