TypeScript скачать: как установить, запустить и проверить

Короткий ответ: TypeScript обычно не скачивают как отдельный .exe-установщик. Его ставят как npm-пакет typescript. Сначала скачайте и установите Node.js с npm, затем в папке проекта выполните npm install typescript --save-dev и проверьте установку командой npx tsc --version

Правильная цепочка для новичка:

node -v
npm -v
npm install typescript --save-dev
npx tsc --version

Если первые две команды показывают версии Node.js и npm, можно ставить TypeScript. Если нет — сначала нужно установить Node.js

Где брать TypeScript

Официальная точка входа — сайт TypeScript. Там описаны основные способы установки: npm, редакторы, NuGet и интеграция с инструментами сборки. Для веб-разработки и большинства учебных проектов главный вариант — npm

Почему так: TypeScript — это компилятор и набор инструментов разработки. Он проверяет .ts-файлы и выпускает JavaScript. Поэтому его удобнее хранить как зависимость проекта, а не как отдельную программу, установленную неизвестно где

Локальная установка в проект

Создайте папку:

mkdir ts-download-demo
cd ts-download-demo
npm init -y
npm install typescript --save-dev

Проверьте:

npx tsc --version

Локальная установка записывает TypeScript в devDependencies проекта. Это хорошо для командной работы и публикации кода: другой человек выполнит npm install и получит ту же зависимость

Глобальная установка

Если нужно быстро попробовать tsc из любой папки, можно поставить глобально:

npm install -g typescript
tsc --version

Но глобальную установку не стоит считать основной для проекта. Сегодня у вас глобально одна версия, завтра другая, а проекту может быть нужна конкретная. Поэтому в рабочих материалах лучше показывать локальную установку и npx tsc

Минимальная проверка после скачивания

Создайте hello.ts:

const message: string = "TypeScript установлен";
console.log(message);

Скомпилируйте:

npx tsc hello.ts

Запустите JavaScript:

node hello.js

Ожидаемый результат:

TypeScript установлен

Эта проверка лучше, чем просто посмотреть номер версии: она подтверждает, что TypeScript не только установлен, но и реально компилирует файл

Что делать в редакторе кода

Многие редакторы уже умеют подсвечивать TypeScript. Но подсветка в редакторе и компилятор проекта — не одно и то же

Например, редактор может показывать типы, но команда сборки все равно должна работать:

npm run build

или:

npx tsc

Поэтому после установки TypeScript не ограничивайтесь визуальной подсветкой. Обязательно проверьте компиляцию в терминале

Частые ошибки

Пользователь ищет type script скачать и попадает на случайные сайты с архивами. Это плохой путь: версии могут быть устаревшими, а файлы — небезопасными. Берите Node.js и TypeScript из официальных источников и npm

Ошибка npm: command not found означает, что npm еще не установлен или не добавлен в PATH. Установите Node.js и откройте новый терминал

Ошибка Cannot find module typescript может появиться, если вы запускаете команду не в той папке. Проверьте, есть ли рядом package.json и папка node_modules

Если tsc --version показывает одну версию, а npx tsc --version другую, значит у вас есть глобальная и локальная установки. Для проекта ориентируйтесь на npx tsc --version

Чем этот материал отличается от npm-установки

Запрос typescript скачать чаще задает человек, который еще не понимает, что именно надо скачивать. Поэтому главный ответ здесь — не “вот ссылка на файл”, а “TypeScript ставится через npm после установки Node.js”. Запрос typescript npm уже более технический: там важно глубже разобрать dev-зависимость, package.json, tsconfig.json и npm-скрипты

Следующий шаг

После установки создайте tsconfig.json командой:

npx tsc --init

Затем переходите к материалам про typescript compiler, подключение TypeScript к HTML и создание React-проекта. Общая точка навигации — рубрика TypeScript

Что почитать дальше по TypeScript

Если нужен общий маршрут по теме, откройте рубрику TypeScript. Для соседних задач пригодятся эти разборы:

• Create React App и TypeScript: как установить, запустить и проверить
• TypeScript npm: как установить, запустить и проверить
• Interface и type в TypeScript: когда что использовать
• TypeScript online: где запустить код без установки