Générer un nouveau projet
Créez une application avec ng new et explorez les options.
Générer un nouveau projet est une leçon Angular Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Angular Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Angular Academy comprend 4 leçons au total.
Le CLI Angular
Le CLI Angular est l’outil officiel en ligne de commande pour créer, compiler, servir et tester des applications Angular. Les commandes commencent par ng.
Installer le CLI
Installez-le globalement avec npm afin que la commande ng soit disponible partout.
npm install -g @angular/cliCréer un projet avec ng new
La commande ng new crée la structure d’un nouvel espace de travail et d’une nouvelle application Angular.
ng new my-appCe que fait ng new
Elle crée un dossier, installe les dépendances, configure TypeScript, une configuration de compilation, un outil d’exécution des tests et une application autonome de démarrage, puis initialise un dépôt git.
Invites interactives
Par défaut, ng new pose quelques questions, par exemple pour savoir s’il faut ajouter le routage Angular et quel format de feuille de styles utiliser (CSS, SCSS, Sass ou Less).
Ajouter le routage
Vous pouvez répondre à la question sur le routage ou transmettre une option pour prendre cette décision à l’avance.
ng new my-app --routingChoisir un format de styles
Choisissez le langage de vos feuilles de styles avec l’option de style.
ng new my-app --style=scssIgnorer l’installation ou Git
Parmi les options utiles figurent l’omission de l’installation des dépendances ou de l’initialisation de Git, ce qui est pratique dans une intégration continue ou des configurations scriptées.
ng new my-app --skip-install --skip-gitAutonome par défaut
Les versions récentes de la CLI créent par défaut une application autonome, avec main.ts utilisant bootstrapApplication et un fichier app.config.ts pour les fournisseurs.
Accéder au projet
Après la création, accédez au nouveau répertoire pour exécuter d'autres commandes.
cd my-appObtenir de l'aide
Chaque commande prend en charge une option d'aide qui répertorie ses options.
ng new --helpVérification rapide : ng new
Créer un projet.
Récapitulatif : nouveau projet
La CLI Angular (ng) crée des applications avec ng new my-app, en configurant éventuellement le routage et un format de feuille de style. Elle installe les dépendances et crée la structure d'une application de démarrage autonome. Ensuite : comprendre la structure générée.
Questions Fréquemment Posées
La leçon « Générer un nouveau projet » est-elle gratuite ?
Oui — le texte complet de « Générer un nouveau projet » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Angular Academy, passe à CoddyKit PRO. Le cours Angular Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Générer un nouveau projet » ?
Créez une application avec ng new et explorez les options. Tu pratiques Angular Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Angular Academy ?
Aucune expérience préalable n'est requise. Angular Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Générer un nouveau projet » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Angular Academy ?
Oui. Chaque leçon Angular Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Générer un nouveau projet
- Structure du projet expliquée
- Générer du code avec ng generate
- Compiler et servir