Como instalar o Angular no Ubuntu 24.04

Uma plataforma JavaScript de acesso gratuito para a criação de aplicativos dinâmicos é chamada Angular.js. Ele permite representar cada aspecto do seu aplicativo de forma rápida e inequívoca, estendendo a sintaxe do HTML quando usado como linguagem de modelo. Ele fornece um conjunto de ferramentas para escrever, atualizar e testar um código. Ele oferece uma infinidade de recursos, incluindo roteamento e gerenciamento de formulários. Este guia discute o método de instalação do Angular no Ubuntu 24 passando pela instalação do Node.js.

Atualizar e atualizar o sistema

Antes de prosseguir para as instalações, vamos primeiro passar pela atualização do sistema. É necessário atualizar o sistema Ubuntu 24 porque ele deve entrar em vigor em novas instalações sem problemas em breve. Portanto, utilizamos as instruções de atualização e atualização em um único comando que é executado com a ajuda de um utilitário “apt”.

Após executar esta instrução, o sistema aloca o espaço definido para o processo de atualização e atualização e solicita que você confirme tocando em “y” ou “n”. Portanto, você deve pressionar “y” para concluir este processo de atualização conforme descrito a seguir. Depois de um tempo, nosso sistema será atualizado e atualizado com sucesso.

Instale as dependências

A instalação do Angular e do Node.js também depende de alguns outros utilitários. Essas dependências incluem git, wget, curl e muito mais. Portanto, precisamos instalar essas dependências com antecedência. Para a instalação dessas dependências, usamos o mesmo utilitário “apt” no shell de comando e esperamos até que todas as dependências sejam instaladas com sucesso.

Instale o Node.js.

Os aplicativos Angular não podem funcionar sem o Node.js, que é o requisito principal. Portanto, é necessário instalar o Node.js antes de prosseguir com a instalação do Angular no Ubuntu 24. Além disso, o Node.js requer o utilitário de linha de comando NVM para sua instalação. Portanto, usamos o utilitário “curl” no terminal para instalar primeiro o utilitário NVM do repositório oficial do Github. Você pode ver que após a execução desta instrução, o utilitário NVM foi baixado e instalado.

Agora, também é necessário habilitar o ambiente NVM no sistema Ubuntu 24 Linux. Portanto, executamos o arquivo “bashrc” usando a instrução source para que o sistema possa obter os efeitos do utilitário NVM recém-instalado e definir o ambiente.

Depois de criar um ambiente, o sistema Ubuntu 24 está pronto para instalar o Node.js. Para isso, usamos o utilitário “nvm” recém-instalado nas instruções de instalação que são utilizadas no terminal. Usando esta instrução, instalamos a versão mais recente do Node.js 18 em nosso sistema Ubuntu. Além disso, a ferramenta NVM instala o gerenciador de pacotes do nó junto com o Node.js. O processamento começa baixando e instalando o nó versão 18.19.1 do site oficial. Depois disso, ele calcula a soma de verificação e cria um alias padrão.

Após a instalação bem-sucedida do Node.js, precisamos verificar se ele foi instalado e montado em nosso sistema. Para isso, precisamos verificar sua versão instalada usando o comando “version” começando com a palavra-chave “node”. Além disso, as instruções de instalação do NVM anteriores instalaram o NPM (Node Package Manager) junto com o Node.js. Portanto, temos que procurar também a versão do NPM. A saída de ambos os comandos exibe as versões conforme representado na imagem anexada a seguir:

Instale a CLI Angular

É hora de executar as etapas finais para instalar a interface de linha de comando Angular após instalar todas as dependências, incluindo NPM e Node.js. Para isso, usamos o NPM (node ​​package manager) dentro do terminal do Ubuntu 24.

Você pode usar os direitos sudo para executar estas instruções de instalação. Este comando inclui o link para o pacote oficial do Angular CLI. O sinalizador “—location” é definido para adicionar o Angular CLI em nível global para o sistema Ubuntu 24, que é acessível a todos os usuários na plataforma atual.

Ajudaria se você esperasse um pouco até que o processamento do Angular CLI fosse concluído. Após algum processamento, os pacotes Angular CLI são adicionados e instalados com sucesso. Em troca, você obterá a seguinte saída representada na tela do seu terminal, que possui 232 pacotes adicionados em 2 minutos:

Agora é hora de verificar a instalação do Angular CLI. Ele vem com o comando “ng” que ajuda a executar os comandos no Angular CLI. Então, vamos procurar a versão instalada do comando “ng”. Depois de responder algumas das perguntas sobre a execução deste comando de versão, obteremos a seguinte saída que também contém as informações sobre a versão do Angular, Node, NPM e OS. Ao final também há uma exibição de informações sobre os pacotes e suas versões instaladas.

Crie um aplicativo Angular

É hora de usar Angular CLI para criar um novo aplicativo Angular no Ubuntu 24. Assim como utilizamos a instrução “ng” para verificar a versão do Angular CLI, também a usaremos para criar um novo aplicativo chamado “test” com o palavra-chave “nova”. A execução ocorre com algumas perguntas sendo feitas. Ajudaria se você respondesse a essas perguntas de acordo com suas preferências e os pacotes para seu novo aplicativo seriam instalados com sucesso.

Depois de um tempo, um novo aplicativo Angular chamado “teste” é criado. Um novo diretório “test” é gerado em nosso diretório de trabalho conforme representado pela seguinte saída anexada:

Depois de criar uma aplicação Angular de “teste”, precisamos executá-la também. Para isso, entre no diretório “test” e use o utilitário “ng” para executar o comando “serve”.

Você também pode usar o mesmo comando para definir a porta 4200 para todas as interfaces do sistema, definindo o host como 0.0.0.0.

Conclusão

Este guia demonstra como um ambiente Angular pode ser utilizado para criar qualquer aplicativo. Apoiando a ideia, demonstramos o método de instalação do Angular no Ubuntu 24 após a instalação e configuração do Node.js e NPM. Por fim, elaboramos uma maneira de criar um aplicativo Angular no Ubuntu 24 utilizando Angular CLI.