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

:

Последнее обновление: 08.03.2018

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

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

TypeScript в Visual Studio

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

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

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

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

  • 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