web-dev-qa-db-ja.com

Visual Studioで新しいTypeScriptプロジェクトを作成する

Visual StudioでTypeScriptプロジェクトの作成を開始するにはどうすればよいですか?新しいプロジェクトを作成するとき、オプションはありません。 TypeScriptアドオンと共にVisual Studio 2012がインストールされています

58
LordZardeck

私はちょうど解決策を見つけました:VS-Extensionの手動インストール

何らかの方法で、VS-Extensionがインストールされていません。手動で行うことができます。 _.vsix_という名前のC:\Program Files (x86)\Microsoft SDKs\TypeScript\0.8.0.0にある_TypeScriptLanguageService.vsix_ファイルがあります。このファイルを実行してみてください。 TypeScript拡張機能をインストールする必要があります。

X86ベースのシステムを実行している場合は、_C:\Program Files\Microsoft SDKs\TypeScript\0.8.0.0_を確認してください。

私のために働いた。これで、TypeScriptプロジェクトを作成でき、Visual Studio拡張機能リストにリストされます。

TypeScriptの新しいバージョンでは、フォルダー_0.8.0.0_が削除されていることに注意してください。 _.vsix_ファイルはC:\Program Files (x86)\Microsoft SDKs\TypeScriptにあります。

44
nikeee

[追加]> [新しいアイテム]ダイアログを使用して、TypeScriptファイルを既存のプロジェクトに追加できます。

enter image description here

[追加]> [新しいプロジェクト]ダイアログを使用して、TypeScriptでHTMLアプリケーションタイプのプロジェクトを作成することもできます。このプロジェクトタイプは、インストール済み->(テンプレート)-> Visual C#です。

enter image description here

これらのオプションがVisual Studioにない場合は、 TypeScript Visual Studioプラグイン を再インストールする必要があります。

20
Fenton

Visual Studio 2017を使用している場合は、テンプレートから「HTMLアプリケーションとTypeScript」が削除されています。

ただし、Githubでrich-newmanによって作成された拡張機能をインストールできます。 https://github.com/rich-newman/TypeScript-html-application-vs2017-template

それをインストールするには、次の手順を実行します。

  • [新しいプロジェクトの追加]ウィンドウに移動します
  • 左側で、左側のツリービューの「オンライン」に移動します
  • 「TypeScript HTMLアプリケーションテンプレート」を検索 enter image description here
  • 拡張機能をインストールすると、テンプレートは「installed-> TypeScript」の下で使用可能になります。
14

他の回答に従いましたが、Win7 64 w/VS 2010にTypeScriptSetup.0.8.0.msiをインストールした後、TypeScriptLanguageService.vsixを見つけることができませんでした。

VS 2010にインストールするには、 7Zip を使用して上記のmsiを開き、「TypeScriptLS.vsix_File」を抽出し、末尾の_Fileを削除して、通常どおり実行します。

これにより、新しいTypeScriptプロジェクトテンプレート(神秘的なファイルテンプレートではない)、インテリセンス、コードの強調表示などが提供されます。

13
Neil

私はプロジェクトとtsファイルテンプレートも持っていなかったので、(vsixファイルを実行するだけで)再インストールしようとしましたが、助けにはなりませんでした。繰り返しますが、プロジェクトとファイルのテンプレートが魔法のように登場しました。うまくいったことを感謝します-毎回手動でトランスコンパイルを実行することなく、言語で遊ぶことができます。

1
Capaj

古い投稿、新しい提案:

Win8/VS2012でこの問題に数時間費やしました。 (TypeScriptプラグインv 0.8.3の)複数のインストール/再インストールの後、機能した1つのことは管理者モードでVS2012を実行および(再)インストールWeb Essentials 2012 。それは私のためのトリックをしました、そしてそれはAdd New Project...(および上記の他のすべての特典)。

管理モードで実行するを思い出させたのは、ドキュメントを更新するプロセスでした(ローカルにドキュメントをインストールする場合)。 。管理者モードで実行することも答えでした。

常に管理モードで実行する必要はありません。おそらく、IDE自体(新しいプラグインなど)を更新するときの良い方法です。

0
EdSF

TypeScriptをインストールすると、新しいプロジェクトタイプと既存のプロジェクトのファイルタイプが追加されます。 TypeScriptをインストールしたら、新しいプロジェクトウィンドウで「TypeScript」を検索してみてください。 「TypeScriptを使用したHTMLアプリケーション」と表示されます。

すべての.tsファイルTypeScriptファイルは、依存する.jsファイルを追加します。

お役に立てれば!

0
Biranchi Panda

バージョン0.9.1.1では、次の指示に従って動作させることができました: http://TypeScript.codeplex.com/wikipage?title=Compile-on-Save

Type EssentialsのサポートはWeb Essentials 2012 3.0で無効になりました: http://vswebessentials.com/changelog

0
fra

別のヒント-Visual Studio for Webをインストールする必要があります。 VS for Desktopだけでは機能しません。また、VSの後にプラグインをインストールする必要があるため、最初にプラグインをインストールした場合は、アンインストールしてから再インストールします。

0
Rob Lourens