Comment déboguer Tapuscrit dans Visual Studio 2015 asp.net 5?

Est-il un moyen de déboguer tapuscrit fichiers à partir de visual studio 2015 CTP6 asp.net 5 application?
Si non, alors peut-être il ya un moyen de configurer la carte source des fichiers, alors quand j'ai de débogage dans le navigateur et peut automatiquement enregistrer les modifications apportées à mon .ts les fichiers sur le serveur?
Cela peut être difficile, parce que .ts les fichiers sont compilés par gorgée, mais peut-être que quelqu'un a trouvé une bonne solution pour qui?

InformationsquelleAutor Marcin | 2015-03-03
  1. 19

    De débogage Tapuscrit avec Visual Studio fonctionne avec les bons réglages.

    1. D'abord vous assurez-vous que vous créez la source de cartes lors de la compilation de la Machine à JavaScript. Donc, vous devriez avoir une xxx.js.map fichier à proximité de toutes les xxx.js.

      Arriver à la source des cartes en exécutant le fichier d'enregistrement compilateur en dehors de Visual Studio ne cause pas de difficulté, à la tsc de la ligne de commande ajouter:

      --sourcemap %1.ts

      votre gulp script va créer sourcemaps par défaut.

    2. Configurer votre application web dans Visual Studio.

      Ensemble Internet Explorer que le navigateur de démarrer. Je l'ai eu en travaillant uniquement avec IE et ne pense pas que n'importe quel autre navigateur fonctionne. (modifier: j'ai lu quelque part qu'il y a un Webkit débogage pont, de sorte Chrome débogage doit être possible, mais je ne me souviens pas de la source.)

      Dans les propriétés du projet allez à l'onglet "Web" et de configurer l'Débogueurs" à la fin: Désactiver tous les débogueurs! C'est contre intutitive et vous pouvez voir ce message d'erreur:

      Vous avez tenté de lancer le débogueur, mais fondé sur les paramètres de débogage sur le Web propriétés de la page, il n'y a pas de processus de débogage.

      Cela se produit lorsque le "Ne pas ouvrir une page. D'attente pour une demande d'un autre processus" option est sélectionnée, et ASP.NET le débogage est désactivé. Veuillez vérifier vos paramètres sur le Web propriétés de la page et essayez à nouveau. Comme le message d'erreur dit, le Début d'Action en haut de la propriétés du site Web doit être une autre option, comme "page en cours".

      Ensemble points d'arrêt dans votre .ts code à l'intérieur de Visual Studio, maintenant ou plus tard.

      Frappé F5

    Alors que vous pouvez utiliser l'Éditeur de Visual Studio pour le débogage et modifier .ts fichiers, "Modifier et Continuer" ne fonctionnera pas, il n'y a actuellement pas de navigateur qui peut recharger .js et .js.map de fichiers et de continuer. (Corrigez-moi quelqu'un si je me trompe et je serai heureux.)

    • Ne fonctionne pas moi, malheureusement. Ou seulement en partie. Quand j'ai essayer de mettre un point d'arrêt dans le .ts fichier de Visual Studio, il met sur la même ligne (en nombre) dans le .fichier js à la place. Quand je debug debug curseur se déplace dans le fichier js et pas le fichier ts.
    • J'ai eu des ennuis de la configuration de cette ainsi. À un moment, j'ai écrit quelque étape que je fais et a finalement obtenu ce travail. J'ai donc pensé que je publie le résultat ci-dessus. Sry si cela ne fonctionne pas pour vous. Il y a quelques années ma machine (que j'avais utilisé de nombreuses années avec de nombreux VS installe) avait plusieurs débogueur moteurs configuré dans le registre et ils l'ont foiré les uns des autres. C'est la seule chose que je peux heureusement dire.
    • Voici comment déboguer dans google Chrome: gamefromscratch.com/post/2014/05/27/...
    InformationsquelleAutor citykid
  2. 9

    La meilleure façon de traiter les fichiers de mappage j'ai trouvé est de comprendre la source à l'intérieur de l'généré .js fichiers eux-mêmes. C'est évidemment une solution pour un environnement de dev seulement.

    mon tsconfig.json ci-dessous:

    {
    "compilerOptions": {
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "outDir": "./wwwroot/scripts",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true,
        "inlineSourceMap": true,
        "inlineSources": true
    },
    "exclude": [
        "node_modules",
        "wwwroot"
    ]
}

    Les paramètres que vous êtes après sont inlineSourceMap et inlineSources.

    Cela contribue également à des problèmes causés par le déplacement de l'généré .js à des chemins différents et ne pas avoir à se soucier de l'endroit où les fichiers de carte go.

    InformationsquelleAutor user281921
  3. 4

    Dans ASP.NET 5 RC1 vous pouvez demander le Tapuscrit compilateur de générer .carte fichiers en ajoutant un fichier appelé tsconfig.json pour le répertoire racine du projet. Visual Studio a même un modèle de ce qu'on appelle "Tapuscrit JSON Fichier de Configuration". Par défaut, elle a le contenu suivant:

    {
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

    La "sourceMap" paramètre indique le Tapuscrit compilateur pour générer les fichiers de carte qui sont nécessaires à des fins de débogage.

    Dans mon cas, j'ai enlevé le "wwwroot" valeur de "exclure de la section" parce que mon Angulaire Tapuscrit fichiers source sont situés sous wwwroot\App.

    Explication détaillée de tsconfig.json paramètres peuvent être trouvés ici: https://github.com/Microsoft/typescript/wiki/tsconfig.json

    • retrait de la "wwwroot" valeur était la solution
    InformationsquelleAutor mobileiq
  4. 2

    Lorsque vous utilisez gulp vous pouvez écrire le sourcemaps avec un parent directory. De cette façon, votre TS les fichiers sont correctement réglés par Visual Studio. J'utilise gulp-tapuscrit et gulp-sourcemaps pour mon Tapuscrit de compilation.

    En dessous de la compilation d'une partie de mon gulpfile.js fichier (n'oubliez pas de désactiver le fichier d'enregistrement de la compilation de votre fichier de projet)

    var tsProject = ts.createProject({
    declarationFiles: false,
    noExternalResolve: false,
    target: 'ES5',
    sortOutput: true,
    noEmitOnError: false,
    sourceMap:true
});

gulp.task('script', function () {
    var tsResult = gulp.src('App/Ts/**/*.ts')
            .pipe(sourcemaps.init())
            .pipe(ts(tsProject));
    return tsResult.js.pipe(concat('App.js'))
            .pipe(sourcemaps.write('.', {includeContent:false, sourceRoot: '../../App/Ts/'}))
            .pipe(gulp.dest('wwwroot/js'));
});

    (J'ai modifié mon gulpfile pour des raisons de lisibilité, afin de vérifier pour toute compilation /erreurs de codage)

    InformationsquelleAutor markwilde
  5. 2

    La façon la plus simple que j'ai trouvé est de mettre tous les fichier d'enregistrement des fichiers dans le wwwroot/app dossier et de laisser le générés js fichiers par Visual Studio pour aller là où ils le font par défaut. À l'aide de gulp j'ai simplement de les injecter dans des fichiers HTML. Dans Visual Studio 2015, elle fonctionne très bien, et avec gulp tâches, je peux aussi facilement configurer une tâche de regrouper js pour la production.

    • sonne bien, mais ne pouvait pas comprendre un mot.
    • Cela fonctionne si lent de toute façon que j'ai désactivé que assez rapide. Il est possible de déboguer js avec google chrome à partir de visual studio, mais pas la peine de perdre du temps pour l'installation et l'utilisation.
    InformationsquelleAutor Marcin