web-dev-qa-db-fra.com

Comment installer Angular CLI localement (sans le drapeau -g)

Je viens de commencer à travailler avec Angular et avec Angular-CLI et j'ai vu que, selon la documentation, je dois installer $ npm install -g @angular/cli avec le -g drapeau (global).

Cependant, j'aimerais installer Angular-CLI localement avec le reste de mes packages node_modules. De cette façon, lorsque je téléchargerai mon projet depuis git, je pourrais simplement exécuter $ npm install _ (pour installer toutes les dépendances dans mon package.json).

J'essaie de créer un nouveau projet en exécutant $ npm init puis exécutez $ npm i @angular/cli -D (-D est le même que --save-dev). Mais alors quand je cours $ ng new project-name Un nouveau sous-répertoire a été créé avec un répertoire séparé node_modules.

angularangular-clinpm-installnode-modules
19
Gil Epshtain

Comme certains commentaires le suggèrent, vous pouvez avoir une version locale et globale de angular cli sur votre système.

Pour pouvoir accéder à votre version locale au lieu de la version globale (supposons qu'une version différente soit installée localement, puis votre installation globale), utilisez npm run-script ng

par exemple npm run-script ng generate component SomeCoolComponent

consultez cette réponse sur github à une question similaire: https://github.com/angular/angular-cli/issues/5955#issuecomment-32027349

19
Jessycormier

Utilisez un paquet nommé npx npm i -g npx et lorsque vous devez créer un projet angular, utilisez cette commande la première fois npx -p @angular/cli ng new hello-world-project

Ainsi, par exemple, si vous souhaitez créer angular 4 projet, modifiez la commande ci-dessus pour inclure la version angular-cli 1.4.10 comme celle-ci npx -p @angular/[email protected] ng new hello-world-project et ensuite, lorsque la configuration de votre projet est terminée, vous pouvez revenir à l’utilisation normale ng generate et autres commandes.

Les versions angular-cli indiquent quelle version angular sera associée à un projet & angular-cli 1.4.10 crée angular 4 projets

Modifications:

Voici quelques informations de version utiles sur la cli qui crée laquelle angular angulaire.

(Le côté gauche indique la version de cli alors que le côté droit correspond à angular).) Check out SO answer ici ) déplier ce mystère.

 1.0 - 1.4.x   = ^4.0.0
 1.5.x         = ^5.0.0
 1.6.x - 1.7.x = ^5.2.0
 6.x           = ^6.0.0
 7.x           = ^7.0.0

En outre, si vous souhaitez utiliser la dernière version stable pour créer un certain angular, vous pouvez simplement utiliser la commande npx comme celle-ci npx -p @angular/[email protected] et il utilisera la version 1.7.4 de cli, qui est la version stable la plus récente pour angular 5.

8
Junaid

Après l'installation globale de angular cli à l'aide de la commande

npm i -g @angular/cli@(latest or 1)

ng new app-name

Accédez au répertoire de fichiers dans lequel vous souhaitez créer votre application angular. Utilisez la commande ng new any-name Pour créer angular application qui globale angular cli se chargera d’installer la version cli locale.

Pour installer manuellement pour un nouveau projet,

npm init -y

npm install @angular/cli@(latest or 1)

(supprimez package.json avant d'utiliser la commande suivante) ng new app-name here ng utilisera la version cli locale pour créer le angular version d'application basée sur les versions 5, 6 ou 7 sur la version locale de ng installée.

pour installer local dans un existant, utilisez seulement la commande npm install @angular/cli@(latest or 1).

1
Rinold

Il suffit de suivre cette commande

npm install  @angular/cli

Cela a fonctionné pour moi.

1
Basil Mohammed

Comment installer la version inférieure de angular ou une autre version de angular sur votre système, assurez-vous que la version mise à jour est installée dans le monde entier. Npm install g @ angular/cli

allez dans le répertoire du projet dans lequel vous avez la version inférieure ou une autre version de angular projet différent de la version à installer globalement, par exemple si vous voulez travailler sur angular 2. exécuter la commande ci-dessous

npm install ng serve

Note: don't copy any of your node modules from your previous project if the current project you want to work on ,its version its different from formal project which you work on in the past check "@angular/cli": "version" check "@angular/cli": "version", which is located in package.json if its version 1.2.0 its angular 2, version 1.7.0 its angular 6

1
Alabi Temitope

L’écosystème npm s’oriente de plus en plus vers l’installation d’outils en tant que projet local devDependencies, au lieu de demander aux utilisateurs de les installer globalement. Ceci est considéré comme une bonne pratique.

Si vous avez installé le cli en tant que devDependency, en d'autres termes, vous avez dans package.json Les lignes suivantes:

devDependencies": {
   "@angular/cli": "X.X.X",

Vous pouvez simplement exécuter npx dans le projet.

npx ng version

Ceci recherchera dans le dossier node_modules/.bin/ Le lien ng, qui pointe en réalité sur ../@angular/cli/bin/ng

0
Carlos Barcelona

Pour installer angular suivez les étapes localement - Laissons angular 8 installé de manière globale et nous devons installer angular 6 localement - Nous allons créer un dossier nommé "angular6" dans le lecteur C et créer un projet angular 6 nommé "ng6-test-project" à l'intérieur de celui-ci.

tapez la commande suivante dans le terminal -

    c:\> md angular6
    c:\> cd angular6
    c:\angular6> md ng6-test-project
    c:\angular6> cd ng6-test-project
    c:\angular6\ng6-test-project> npm install @angular/[email protected]
    c:\angular6\ng6-test-project> cd..
    c:\angular6> npx -p @angular/[email protected] ng new ng6-test-project
    c:\angular6> cd ng6-test-project
    c:\angular6\ng6-test-project> npx ng --version
    c:\angular6\ng6-test-project> npm audit fix
    c:\angular6\ng6-test-project> npx ng serve --port 4201

si une erreur survient dans les packages et les versions telles que rxjx, etc., ouvrez package.json et recherchez "rxjs": "~ 6.4.0" et remplacez-le par "rxjs": "6.0.0" et sauvegardez-le. Puis dans terminal, tapez ce qui suit pour mettre à jour rxjs -

    c:\angular6\ng6-test-project> npm install

pour corriger tout avertissement dans les paquets, exécutez ce qui suit -

    c:\angular6\ng6-test-project> npm audit fix

tapez ce qui suit pour vérifier la angular version locale

    c:\angular6\ng6-test-project> npx ng --version

la nouvelle version angular enregistrée localement)

Pour exécuter le projet dans un nouveau port, tapez ce qui suit -

    c:\angular6\ng6-test-project> npx ng serve --port 4201
0
Koustav