Le programme d'installation ASP.NET MVC 4 ou 5 projet Angulaire 2

Je suis en train d'apprendre angulaire 2 avec des caractères d'imprimerie.

J'utilise les ressources suivantes.
Démarrage rapide avec Angulaire 2

Maintenant à partir de là, et d'autres exemples, j'ai trouvé que racontent-ils pour créer un package.fichier json qui répertorie toutes les dépendances du projet.

Je pense que la création de ce package.fichier json et la liste de tous les modules de dépendance à ce genre de structure est suivie .NetCore Projet.

MVC 4 ou 5, nous avons des forfaits.fichier de configuration qui répertorie bien que les paquets que nous allons utiliser.

Je ne dis pas que nous ne pouvons pas utiliser.fichier json lorsque nous avons paquet.fichier de configuration.

Mais est-il un moyen simple d'intégrer Angulaire 2 avec tapuscrit en MVC Webapplication projet à l'aide de Packages NUGet et de commencer?

Si pas disponible s'il vous plaît laissez-moi savoir comment puis-je configurer Angulaire 2 avec le type de script dans ASP.Net MVC 4 ou 5?

Je voudrais plutôt vous recommandons de vous regardez dans les VSCode pour l'angle d'2 côté des choses. C'est beaucoup plus rapide et à long terme permettra de mieux travailler avec Angulaire 2 si seulement en raison de la libération constante de la cadence. Vous pouvez déjà voir des améliorations autour de travail à Réagir. Vous pouvez obtenir assez loin dans votre développement de la clientèle avant de vous même pas besoin d'ouvrir de VS pour construire votre back-end.
Eh bien, j'ai trouvé un excellent point de départ pour Angulaires 2 et ASP.NET MVC ici. Courant de notre projet est la migration à partir Angulaire de 1 à Angulaires 2 a la même question sur la façon dont nous avons mise en place du projet de la structure. mithunvp.com/using-angular-2-asp-net-mvc-5-visual-studio

OriginalL'auteur Nirav Kamani | 2016-07-12

  1. 12

    Comme vous l'avez dit, dans ASP.NET MVC de l'application vous avez une package.config fichier. Ce fichier contient les informations sur les packages NuGet vous avez installé dans votre application. Ce fichier est lié à côté serveur paquets.

    package.json fichier est lié à une partie front-end de votre application. Il détient également la liste des paquets que vous avez installés dans votre application. Cette fois npm paquets. Il contient également des informations sur votre application et plus. Vous pouvez en lire plus à ce sujet ici.

    Vous ne pouvez pas mélanger les fichiers et que vous ne souhaitez pas. Tout d'abord, ces fichiers ont un format différent (XML et JSON). En outre, comme je l'ai dit avant, il détient de l'information sur les différentes parties de votre application. Enfin, et c'est mon opinion personnelle, lorsque vous créez une application avec une INTERFACE utilisateur riche et utiliser Angular2, il serait mieux de séparer ces parties de votre application dans 2 projets différents. L'un d'entre eux avec des Api Web et le deuxième avec l'INTERFACE utilisateur de la partie. Avec une telle structure, vous n'en aurez besoin pour packages.config dans l'INTERFACE et pas besoin de package.json dans le projet de API Web.

    Pour votre dernière question, vous pouvez commencer avec ici. Vous pouvez également prendre un coup d'oeil sur ce exemple d'application.

    Vous dites que je ne peux pas intégrer Angulaire 2 en MVC 4 ou application MVC?
    Ce n'est pas ce que je dis. Bien sûr, vous pouvez le faire. Je n'aime pas cette approche, mais on peut certainement le faire. De toute façon, si vous choisissez d'intégrer Angular2 en ASP.NET MVC, vous devez rester avec deux fichiers de package.
    Oui ça je le sais déjà. Pouvez-vous me donner un exemple ou l'échantillon qui est de la mise en œuvre de mon approche. Il serait vraiment utile. Merci.
    Ici -> angular2mvc5.codeplex.com

    OriginalL'auteur Dima Kuzmich

  2. 7

    Pour exécuter Angulaire 2 dans une ASP.NET 4.5 MVC (VS 2015):

    1) installer Node.js (au moins 4.4.x), mnp (au moins 3.x.x) et Tapuscrit pour Visual Studio 2015 (VS -> Outils> Extensions et Mises à jour -> en Ligne). Vous pouvez vérifier votre version de nœud et npm en exécutant la commande suivante dans le terminal: "nœud -v" et "npm-v".

    2) copier les fichiers de Démarrage rapide (tout ce guide de démarrage rapide-maître constains, pas le dossier lui-même) dans votre projet (dans le dossier contenant le .fichier csproj) - vous pouvez télécharger le Démarrage rapide des fichiers à partir de: https://github.com/angular/quickstart

    3) Dans l'Explorateur de solutions, cliquez sur "afficher tous les fichiers" (probablement la troisième icône en partant de la droite, juste au-dessus de la barre de recherche). Sélectionnez les fichiers ou les dossiers suivants et de les inclure dans le projet:

    • dossier app (répondez Non si on lui demande de recherche de texte dactylographié Typings)
    • les styles.css
    • index.html
    • paquet.json
    • tsconfig.json
    • typings.json

    4) Dans Visual Studio, cliquez droit sur "package.json" et sélectionnez "Restaurer les Packages" - cela permettra d'installer tous les packages définis dans le package.json dans votre projet.

    Le résultat de cette opération est la même que l'exécution de "npm install" dans votre projet de localisation du terminal.

    Probablement, il y a quelques mises en garde dans la fenêtre de Sortie - les ignorer. Un nouveau dossier appelé "node_modules" sera créé (vous avez besoin de rafraîchir l'Explorateur de solutions pour être en mesure de le voir) - conseil est de ne pas inclure ce dossier dans le projet.

    5) Dans le tsconfig.fichier json, à côté de "compilerOptions" ajouter ce qui suit:

    "compileOnSave": true

    comme indiqué ci-dessous

    {
  "compilerOptions": {
    ...
  },
  "compileOnSave": true
}

    Redémarrez Visual Studio.

    6) Dans Visual Studio, cliquez droit sur "index.html" et cliquez sur "Définir comme Page de Démarrage".

    Comme une référence, voici la documentation officielle pour la course Angulaire
    2 (démarrage rapide) ASP.NET 4.x (Visual Studio 2015):
    https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html

    Réponse solide! Cependant, pour l'étape 3 je ne sais pas trop comment c'est fait. Je ne trouve pas .csproj dans l'Explorateur de solutions. Aussi, je ne sais pas comment copier tous les fichiers à partir de l'extrait du zip dans le .csproj. Est-commande cmd pour cela?
    Avez-vous créer un asp.net mvc projet à l'avance? Dans VS15, vous devez aller dans: Fichier -> New -> Projet -> (sur la gauche) Web -> ASP.NET Application Web (.NET Framework). Définissez le nom, le modèle (dans l'écran suivant, j'ai utilisé MVC) et cliquez sur OK. Pour copier les fichiers que vous pouvez simplement utiliser l'Explorateur de Fichier et le copier comme tous les autres fichiers dans le système.
    L'a obtenu. J'ai été sur la pensée. Merci!

    OriginalL'auteur Jakub Siuda

  3. 2

    Également de vérifier le lien, qui comprend les étapes à exécuter.

    1. Vous devez inclure le package.json (Angulaire 2 est installé à l'aide de MNP)
    2. Exécuter NPM install
    3. Exécuter le GULP tâches
    4. Exécuter F5 pour voir les résultats.

    https://github.com/mithunvp/ng2Mvc5Demo

    Comme déjà accepté encore il sera autre façon d'obtenir commencé

    OriginalL'auteur Mithun Pattankar

  4. 0

    Si Vous souhaitez installer Angular4 sur gestionnaire de package nuget console, vous pouvez utiliser Install-Package Angular4 -Version 1.1.0 et suivez ces étapes:

    Angular 4
*********

Prerequisites
`````````````
1. Download and Install Node js
2. Install Visual studio 2015 update 3 or above
3. Download and Install TypeScript 2.6.1 for Visual Studio 2015 (https://www.typescriptlang.org/#download-links)

Follow the steps to install package.
````````````````````````````````````
1. Create an new project with empty template and include dependencies for MVC and WebApi to the project
2. Install the package using command 'Install-Package Angular4 -Version 1.1.0'

Follow the steps after package installation
```````````````````````````````````````````
1. Open Node.js Command Prompt
2. Navigate to project location(use commands such as pushd,cd etc)
3. Run the command 'npm install'

    OriginalL'auteur Manoj Maharana