Первое приложение на TypeScript в Visual Studio

Среда разработки Visual Studio имеет встроенные возможности по созданию проектов с использованием TypeScript. Итак, создадим первое приложение на TypeScript в Visual Studio 2017. При создании нового проекта нужно выбрать в левом меню TypeScript.

  1. Ссылки

Здесь нам доступны по умолчанию несколько шаблонов проектов:

Первое приложение на TypeScript в Visual Studio

Эти проекты позволяют использовать TypeScript в различных ситуациях - в связке с Node.js, Apache Cordova и т.д. В данном случае выберем самый простой тип проекта, который можно использовать для изучения TS - Blank Node.js Console Application.

В итоге Visual Studio создаст следующий проект:

Первое приложение на TypeScript в Visual Studio

Проект по умолчанию имеет следующие файлы:

  • app.ts: файл с кодом на TypeScript
  • package.json: файл с определением пакетов и прочей конфигурации для Node.js
  • tsconfig.json: файл конфигурации TypeScript

Ключевым элементом здесь является файл app.ts, который выполняется при запуске приложения. Изменим его код следующим образом:

class User {
  name: string
  age: number
  constructor(_name: string, _age: number) {
    this.name = _name
    this.age = _age
  }
}
var tom: User = new User('Том', 29)
console.log('Имя: ', tom.name, ' возраст: ', tom.age)

Как и в прошлой теме, здесь определяется класс User, создается объект этого класса, и данные объекта выводятся на консоль.

Запустим проект на выполнение, и перед нами откроется следующая консоль:

Первое приложение на TypeScript в Visual Studio

Ссылки