Как настроить базовый сервер TypeScript

В этом уроке я собираюсь показать вам, как настроить и запустить базовый сервер машинописи, способный отслеживать и компилировать изменение файла.

Во-первых, давайте запустим наш проект с помощью NPM или Yarn (я предпочитаю пряжу, но на самом деле не имеет значения, какой из них вы используете). Перейдите в свой каталог, и если вы используете NPM, введите следующее:

npm init

Если вы используете пряжу:

yarn init

Затем заполните поля, которые он запрашивает у вас. В большинстве случаев вы можете просто пропустить большинство опций, но я бы рекомендовал указать лицензию, особенно если это проект с открытым исходным кодом.

Далее мы установим несколько новых пакетов, чтобы сервер заработал:
Если вы используете NPM:

npm install ts-node nodemon typescript --dev

Если вы используете пряжу:

yarn add ts-node nodemon typescript --dev

Далее, давайте сделаем tsconfig.json, это файл конфигурации, который TypeScript использует при компиляции. Официальная документация по TypeScript содержит намного лучшее руководство, чем любое, которое я мог бы сделать, поэтому я бы рекомендовал использовать его для этого шага: здесь.

Далее, давайте сделаем наш src папка. Для этого давайте создадим папку с именем «src». Это означает «исходный код», и именно здесь будет находиться весь наш исходный код. Давайте создадим файл с именем index.ts — Это будет точка входа для всех наших файлов.

Теперь давайте настроим наш package.json. Он уже должен был быть создан, так что давайте откроем его в нашем любимом редакторе и напишем несколько скриптов. Во-первых, давайте настроим start сценарий. Это будет повторно запускать ваш код при каждом изменении файла, что значительно улучшит производительность. Для этого добавим это в наш package.json:

"scripts": {
  "start": "nodemon --exec ts-node src/index.ts"
}

По сути, это прослушивает изменения файла, а затем запускает index.ts файл.

Последний шаг — настроить скрипт сборки! Для этого добавим одну строчку в раздел «скрипты» файла package.jsonДобавь это:

"build": "tsc"

вот и все! Это все, что вам нужно сделать! Если у вас есть какие-либо другие проблемы, не стесняйтесь добавить меня в Discord: Haxified#0311.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *