web-dev-qa-db-fra.com

Créer un nouveau projet TypeScript dans Visual Studio

Comment puis-je commencer à écrire des projets TypeScript dans Visual Studio? Il n'y a pas d'option pour cela quand je crée un nouveau projet. Visual Studio 2012 est installé avec l'extension TypeScript

57
LordZardeck

Je viens de trouver la solution: Installation manuelle de VS-Extension.

D'une certaine manière, VS-Extension n'est pas en cours d'installation. Vous pouvez le faire manuellement. Il existe un fichier .vsix dans C:\Program Files (x86)\Microsoft SDKs\TypeScript\0.8.0.0 appelé TypeScriptLanguageService.vsix. Essayez d'exécuter ce fichier. Il convient d'installer l'extension TypeScript.

Si vous utilisez un système x86, essayez de regarder C:\Program Files\Microsoft SDKs\TypeScript\0.8.0.0.

Travaillé pour moi Maintenant, je peux créer des projets TypeScript et il est répertorié dans la liste des extensions Visual Studio.

Notez que les versions les plus récentes de TypeScript ont supprimé le dossier 0.8.0.0. Vous pouvez trouver le fichier .vsix dans C:\Program Files (x86)\Microsoft SDKs\TypeScript.

43
nikeee

Vous pouvez ajouter des fichiers TypeScript à un projet existant à l'aide de la boîte de dialogue Ajouter> Nouvel élément.

enter image description here

Vous pouvez également créer un projet de type Application HTML avec TypeScript en utilisant la boîte de dialogue Ajouter> Nouveau projet. Ce type de projet est sous Installé -> (Modèles) -> Visual C #.

enter image description here

Si ces options manquent dans Visual Studio, essayez de réinstaller le plugin TypeScript Visual Studio .

20
Fenton

A suivi les autres réponses mais n’a pas pu localiser TypeScriptLanguageService.vsix après l’installation de TypeScriptSetup.0.8.0.msi sous Win7 64 w/VS 2010. 

Pour installer sur VS 2010, utilisez 7Zip pour ouvrir le fichier msi ci-dessus et extrayez "TypeScriptLS.vsix_File", supprimez le _File de fin et exécutez-le normalement. 

Cela donne un nouveau modèle de projet TypeScript (mais pas un modèle de fichier mystérieusement), intellisense, surlignage de code, etc.

13
Neil

Si vous utilisez Visual Studio 2017, le modèle "Application HTML avec TypeScript" a été supprimé des modèles.

Mais vous pouvez installer l'extension créée par rich-newman sur Github: https://github.com/rich-newman/TypeScript-html-application-vs2017-template

Pour l'installer, procédez comme suit:

  • Aller à la fenêtre 'Ajouter un nouveau projet'
  • À gauche, allez à 'online' dans l'arborescence de gauche
  • Rechercher 'TypeScript HTML Application Template'  enter image description here
  • Installez l'extension et le modèle devrait être disponible sous 'installed -> TypeScript'
12
Alexander Cosman

Je ne possédais pas non plus le modèle et les modèles de fichier ts, j'ai essayé de le réinstaller (simplement en exécutant le fichier vsix), ce qui ne m'a pas aidée. désinstallé (à partir du gestionnaire VS2012) l’extension 2. fermé VS2012 et ensuite installé à nouveau et voila- le modèle de projet et de fichier est apparu comme par magie. Dieu merci, cela a fonctionné. Je peux commencer à jouer avec la langue sans avoir à exécuter manuellement la transcompilation à chaque fois.

1
Capaj

Ancien post, nouvelle suggestion:

J'ai passé quelques heures sur ce problème sous Win8/VS2012. Après plusieurs installations/réinstallations (du TypeScript plugin v 0.8.3), la seule chose qui a fonctionné était de exécuter VS2012 en mode Administrateur et (ré) installer Web Essentials 2012 . Cela a fait l'affaire pour moi et j'ai obtenu TypeScript car c'est sa propre section dans Add New Project... (et tous les autres bonus mentionnés ci-dessus).

Ce qui m'a rappelé le exécuter en mode administrateur, c’est le processus de mise à jour de la documentation (si vous souhaitez l’installer localement), qui comportait également une erreur cryptique gênante. Courir en mode administrateur était aussi la solution.

Vous ne devez pas toujours vous lancer en mode administrateur, c'est probablement une bonne pratique pour mettre à jour le IDE lui-même (nouveaux plugins, etc.).

0
EdSF

L'installation de TypeScript ajoute un nouveau type de projet et ajoute un type de fichier pour les projets existants. Après avoir installé TypeScript, vous pouvez essayer de rechercher "TypeScript" dans la nouvelle fenêtre du projet. Il montre "Application HTML avec TypeScript" pour moi.

Chaque fichier .ts TypeScript ajoute un fichier .js dépendant.

J'espère que cela t'aides!

0
Biranchi Panda

Pour la version 0.9.1.1, je pouvais le faire fonctionner en suivant les instructions suivantes: http://TypeScript.codeplex.com/wikipage?title=Compile-on-Save .

La prise en charge de TypeScript a été simplement désactivée sur Web Essentials 2012 3.0: http://vswebessentials.com/changelog

0
fra

Un autre conseil: vous devez installer Visual Studio for Web. Cela ne fonctionnera pas uniquement avec VS for Desktop. En outre, vous devez installer le plug-in après le VS. Si vous avez d'abord installé le plug-in, désinstallez-le puis réinstallez-le.

0
Rob Lourens