Работать с Typescript во внешних фреймворках, таких как React, Next.js, Angular и т. д., довольно просто благодаря поддержке Typescript в их библиотеке/поддержке Framework, в отличие от Nodejs, установка Typescript и работа с ним в процессе разработки менее утомительны, чем развертывание рабочего сервер typescript nodejs для производства.
В этом уроке мы рассмотрим использование Render, которое я использую в своих производственных приложениях. Пожалуйста, следуйте этому процессу:
- инициализация npm -y
- Установите нужные вам пакеты, следуя формату, который у меня есть здесь в моем package.json. Typescript и ts-node очень важны
- Создайте следующие скрипты в package.json, чтобы следить за изменениями в нашей папке src и автоматически перезапускать вывод JavaScript нашего сервера соответственно:
«tsc»: «tsc — watch»
«dev»: «pm2 start process.json && pm2 logs»
Обе команды должны быть запущены одновременно, чтобы изменения отражались локально. - Также создайте файл tsconfig.json для размещения нашей конфигурации машинописного текста, имейте в виду, настройки здесь могут отличаться от того, что вы хотите, я бы посоветовал вам следовать тому, что у меня есть, и после этого вы можете настроить то, что вы хотите, я учусь быстрее сюда.
Для развертывания для рендеринга:
- Зарегистрируйте аккаунт с рендером.
- Подключите свое приложение из репозитория VC для рендеринга
- Перейдите к настройкам приложения и установите Корневой каталог как
src
. - В настройках приложения также установите команду сборки как `yarn; сборка пряжи`
- После этого установите Start Command как `yarn start`.
После этого ваше приложение должно быть запущено и работает, не стесняйтесь задавать любые вопросы. Вы можете посетить мое производственное приложение здесь и ссылку на мой репозиторий github здесь.
Не стесняйтесь задавать вопросы
Удачного взлома ✌
Дополнительные материалы на PlainEnglish.io.
Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .