Angular 2 include uno strumento a riga di comando chiamato angular-cli che non solo crea un progetto Angular 2 da zero, ma permette anche di creare i vari componenti di un progetto come i component, i servizi, le pipe, le direttiva, i moduli e così via. La potenza di questo strumento consiste nel fatto che, essendo parte del progetto angular, crea codice utilizzando già le best practices consigliate in Angular 2 lasciando a noi principalmente il compito di scrivere codice.
Per installare angular-cli dobbiamo ricorrere al comando npm di node.js.
npm install -g angular-cli
Con questo comando installiamo a livello globale (-g) angular-cli così che possiamo utilizzarlo da qualunque prompt dei comandi. Una volta installato angular-cli usiamo il seguente comando per creare un nuovo progetto.
ng new testproject
ng è il nome dell'eseguibile, new è il comando che specifica che vogliamo creare un nuovo progetto mentre testproject è il nome della cartella all'interno del quale viene creato il progetto.
Il progetto appena creato contiene una cartella per i test, una cartella col codice sorgente e alcuni file per configurare i tool di sviluppo come tslint, npm e lo stesso angular-cli. A questo punto entriamo nella cartella testproject, e lanciamo il comando "npm install" per scaricare tutti i pacchetti necessari a eseguire l'applicazione. Una volta fatto questo lanciamo il comando ng serve che compila l'applicazione e lancia un web server sulla porta 4200. Infine andiamo sul browser e navighiamo su http://localhost:4200 per vedere il progetto funzionante.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Ordine e importanza per @layer in CSS
Ricevere notifiche sui test con Azure Load Testing
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Estrarre dati randomici da una lista di oggetti in C#
Paginare i risultati con QuickGrid in Blazor
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Creare una libreria CSS universale - Rotazione degli elementi
Simulare Azure Cosmos DB in locale con Docker
Creare una libreria CSS universale: i bottoni
Introduzione alle Container Queries
I più letti di oggi
- Creare agenti facilmente con Azure AI Agent Service
- Loggare le query più lente con Entity Framework
- Disabilitare le run concorrenti di una pipeline di Azure DevOps
- Rendere i propri workflow e le GitHub Action utilizzate più sicure
- Gestione degli eventi nei Web component HTML
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Fornire parametri ad un Web component HTML