J'ai vu cette structure de projet dans Angular avec Node.js comme backend, où les modules de nœuds angulaires et package.json se trouvaient dans le dossier "app", tandis que les modules de nœuds et package.json de node.js étaient à la racine du projet . (regarder l'image)

enter image description here

Comment obtenir le résultat demandé?

0
Raku 30 mai 2020 à 16:49

4 réponses

Meilleure réponse
  • Créez le répertoire racine.
  • Depuis le répertoire, exécutez 'npm init'
  • Pour créer le fichier serveur, exécutez 'touch server.js'
  • Ensuite, pour créer l'application angulaire, à partir du répertoire racine, exécutez 'ng new app-name'
0
Vighnesh Raut 30 mai 2020 à 13:58

Les dossiers node_modules doivent être séparés entre le frontal Angular et le backend Node. Par exemple, une structure de projet standard pour une application angulaire / nœud pleine pile devrait ressembler à quelque chose comme.

.
├── ProjectName
|   ├── angular-app-name
|   └── server

Pour une structure de projet comme celle-ci

  • mkdir ProjectName // Créer le répertoire racine du projet
  • serveur mkdir // Créer un dossier de serveur de nœud
  • serveur cd
  • npm init // Initialiser npm
  • touch server.js // Créer le fichier js du serveur pour le nœud backenk
  • cd .. // Retour à la racine du projet
  • ng new {app-name} // Créer un projet angulaire

D'après ce que je peux dire, vous voulez quelque chose comme ça, avec votre application angulaire située dans le backend du nœud.

.
├── ProjectName
|   ├── angular-app-name
|   └── server.js
|   └── node_modules
  • mkdir ProjectName // Créer le répertoire racine du projet
  • npm init // Initialiser npm
  • touch server.js // Créer le fichier js du serveur pour le nœud backenk
  • ng new {app-name} // Créer un projet angulaire

Personnellement, je pense que la structure project-> backend / frontend plus standard a plus de sens, mais les deux fonctionneront bien.

0
Proxima 30 mai 2020 à 14:16

Je vous recommande d'utiliser NX https://nx.dev/, cela vous donnera une structure parfaite et de nombreux avantages de monorepos, vous pouvez avoir plusieurs applications angulaires et un nœud backend que vous pouvez utiliser comme une application comme celle-ci

ng g node-app backend-api

Vous aurez une structure comme celle-ci:

apps/
  angularApp-1/
  angularApp-1-e2e/
  angularApp-2/
  angularApp-2-e2e/
  api/ //your node app
   src/
     app/
     assets/
     environemnts/
     main.ts
   jest.config.js
   tsconfig.app.json
   tsconfig.spec.json
  tslint.json 
libs/

tools/
angular.json
nx.json
package.json
tsconfig.json
tslint.json
0
Fateh Mohamed 30 mai 2020 à 14:09

Étape 1: - Exécutez npm i @ angular / cli @ latest dans l'invite de commande

Étape 2: - créez un dossier vide.

Étape 3: - Accédez à votre dossier nouvellement créé dans l'invite de commande.

Étape 4: - exécutez npm init

Étape 5: - puis exécutez ng new my-app

Étape 6: - puis exécutez touch server.js

0
Aakash Garg 30 mai 2020 à 14:01
62103379