Como instalar o Angular no Fedora 35/34/33

Angular é estruturas de aplicativos da web de código aberto. Ele mantém o controle de todos os componentes e verifica regularmente suas atualizações.

Este tutorial ajudará você a instalar o Angular no Fedora 35/34/33 Linux Systems. Além disso, isso ajudará você a criar um aplicativo angular de amostra.

Etapa 1 - Instalando o nó.JS

Primeiro de tudo, você precisa instalar o nó.JS em seu sistema de Fedora. Use o seguinte conjunto de comandos para adicionar o nó.JS PPA no seu sistema Fedora e instale os pacotes necessários.

Curl -sl https: // rpm.Sodesource.com/setup_14.x | SUDO -E BASH -  sudo yum install nodejs  

Certifique -se de instalar com sucesso o nó.JS e NPM em seu sistema

Node --version  npm --version  

Etapa 2 - Instale o Angular no Fedora

Depois de terminar o nó.Instalação JS em seu sistema. Use os seguintes comandos para instalar o módulo CLI angular usando o NPM em seu sistema.

npm install -g @angular/cli  

JThis instalará a mais recente versão angular da CLI disponível em seu sistema. Para instalar o comando específico da versão angular, como seguinte com o número da versão.

NPM Install -g @angular/[email protegido]6 ## Instale o Angular 6  NPM Install -g @angular/[email protegido]7 ## Instale o Angular 7  NPM Install -g @angular/[email protegido]8 ## Instale o Angular 8  NPM Install -g @angular/[email protegido]9 ## Instale o Angular 9  

Uso do -g a opção no comando acima instalará a CLI angular globalmente. Estará disponível para todos os usuários e aplicativos no sistema.

A CLI angular fornece um comando ng usado para operações de linha de comando. Depois que a instalação terminar, use o ng comando para verificar a versão instalada.

ng -versão  

Saída / \ _ __ __ _ _ _ | | __ _ _ __ / ___ | | | _ _ | / △ \ | '_ \ / _' | | | | |/ _ '| '__ | | | | | | | / ___ \ | | | | (_ | | | _ | | | (_ | | | | | ___ | | ___ | | / _ / \ _ \ _ | | _ | \ __, | \ __, _ | _ | \ __, _ | _ | \ ____ | _____ | ___ | ___/ CLI angular: 9.1.4 Nó: 14.2.0 OS: Linux X64 Angular:… Ivy Workspace: Versão do pacote ----------------------------------------- ------------------- @angular-devkit/arquiteto 0.901.4 @angular-devkit/núcleo 9.1.4 @angular-devkit/esquema 9.1.4 @esquemas/angular 9.1.4 @esquemas/atualização 0.901.4 rxjs 6.5.4 

Etapa 3 - Crie um novo aplicativo angular

Agora, crie um novo aplicativo chamado Hello-Angular usando as ferramentas angulares da CLI. Executar os comandos para fazer isso:

ng novo olá-angular  

Saída… Adicionada 1011 pacotes de 1041 colaboradores e pacotes auditados em 19005 em 36.281s encontraram 0 vulnerabilidades inicializou com sucesso o Git. 

Isso criará um diretório chamado "hello-angular" em seu diretório atual e criará o aplicativo.

Etapa 4 - Sirva a aplicação angular

A aplicação angular padrão está pronta para servir. Mudança para diretório Olá-angular e execute seu aplicativo angular usando o ng servir comando.

CD Hello-angular  ng servir  

Você pode acessar sua aplicação angular na porta 4200, que é o host e a porta padrão usados ​​pelo aplicativo angular.

• http: // localhost: 4200

Ele também permite alterar o host e a porta para executar aplicativos angulares usando -hospedar e -porta Argumentos da linha de comando.

ng servir -hospedeiro 0.0.0.0 -Port 8080  

Com o uso do host 0.0.0.0 escuta em todas as interfaces. Então você pode acessá -lo de uma rede privada ou rede pública.

Para os aplicativos de produção, use este tutorial para configurar o Apache como servidor proxy front-end para aplicação angular. Portanto, será acessível aos usuários finais na porta padrão.

Conclusão

Este tutorial ajudou você a instalar o utilitário da CLI angular em um sistema Fedora Linux. Além disso, fornece instruções para criar uma amostra de aplicação angular e executá -la.