4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Visual Studio 2017 ではじめるTypeScript(1) ~環境構築~

Last updated at Posted at 2018-11-28

はじめに

前回、Visual Studio Code ではじめるTypeScript(1)~環境構築~という記事を書いたのですが、色々と調べていると、Visual Studio 2017(VS Communityも含む)(以下VS)でもTypeScriptの開発が可能だとういことがわかったので、仕事でガッツリ使用しているVSで進めていきたいと思います。

また、VSに変更した理由を下記に挙げます。

  • Windows上でのTypeScriptの開発環境は、VSCodeを用いた環境構築(開発環境)が検索結果として多いが、各種ツールやPlugin(Node.js、tslint等)を多用する関係で、各種仕組みに詳しくない場合にどツボにハマる。設定項目も多数あり、これまたどツボにハマる。設定項目が1つでも間違っていると、動かないことなどがあり、それらにコストをとられてしまう。
  • 最終目的はASP.NETを使用して、Webサービスを作成することなので、VSのほうがいい。

もちろん、各種仕組みや、設定項目を理解するのはとても大事です。ただ、今回はTypeScriptの入門なので、仕組みを理解するのは一通り入門が終了してから進めたいと思います。
ということで、VSを使用してまずは簡単に開発環境を構築します。

対象読者

  • VSを使用したTypeScriptの入門
  • フロントエンドフレームワークの入門(だいぶ後半になるかと)
  • Webサービスの構築の入門(同じく、だいぶ後半になるかと)

インストール作業

まず、VS2017またはVSCommunityをインストールします。
(結構な時間と、容量を必要とします。)

Visual Studio 2017

購入してください。

VS Community

下記リンクからインストーラーをダウンロードして実行。
https://visualstudio.microsoft.com/ja/vs/community/

インストール時の設定

インストール時のワークロードの選択は下記のようにお願いします。
無題.png
あとはインストーラーおまかせです。
既にVSをインストールしている場合は、Visual Studio Installerの詳細→変更からワークロードを選択してください。
無題1.png

おわりに

今回はVSのインストールだけです。特に難しいことはないです。
次回は、プロジェクトを作成し、実際に動かしてみたいと思います。

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?