Как настроить проект TypeScript + Node.js

Это очень краткое руководство поможет вам настроить TypeScript для новых (или существующих!) проектов Node.js.

Предпосылки:

• Вы должны быть немного знакомы с Node и JavaScript
• У вас должен быть установлен редактор кода (желательно VSCode)
• В этом руководстве предполагается, что вы работаете в Linux, MacOS или другой UNIX-подобной операционной системе.
• В этом руководстве также предполагается, что вы используете npm в качестве менеджера пакетов (вместо этого вы можете использовать пряжу, pnpm или предпочитаемый вами менеджер пакетов).

• Это покажет вам, как очень быстро начать работу с TypeScript.
• Это руководство также покажет вам, как использовать популярные пакеты, такие как nodemon, для поддержки горячей перезагрузки ваших приложений.

• TypeScript — это надмножество JavaScript, которое предоставляет нам дополнительную статическую типизацию. Он был создан Microsoft и, возможно, является единственной хорошей вещью, которую они выпустили со времен VS Code (шучу ).
• Он служит документацией и снижает накладные расходы на адаптацию и, таким образом, улучшает опыт разработчиков.
• Позволяет нам быстро выявлять ошибки/проблемы, тем самым повышая общее качество программного обеспечения.
• Подробнее читайте в руководстве по TypeScript .

1. Создайте каталог и перейдите в только что созданную папку

mkdir typescript-example
cd typescript-example

npm init -y

npm install typescript --save-dev

npm install @types/node --save-dev

5. Создайте свой tsconfig.json

npx tsc --init

6. Скомпилируйте свой код с помощью команды tsc с помощью исполнителя пакетов Node (npx) .

npx tsc

Улучшение взаимодействия с локальным разработчиком

1. Горячая перезагрузка — это значительно улучшит ваш опыт разработки, поскольку позволит вашему приложению выполнять горячую перезагрузку при текущих изменениях. Мы можем настроить это через Nodemon в наших приложениях Node.js.

npm install --save-dev ts-node nodemon

Вышеупомянутого должно быть достаточно, чтобы быстро настроить проект TypeScript + Node локально. Вы можете улучшить это дальше:

• Используйте линтер: используйте что-то вроде ESLint . Это инструмент статического анализа кода, который позволяет нам установить стандарт для нашего кода. Мы можем использовать это для обеспечения соблюдения стандартов и шаблонов кодирования для нашей кодовой базы.
• Внедрите инструменты глубокого удаления: Rimraf для удаления ненужных файлов перед отправкой в ​​производство .
• Добавьте сборщик статических модулей: используйте webpack (или turbopack). Это, вероятно, будет излишним для небольшого проекта, но по мере масштабирования вашего приложения вам потребуется механизм для управления всеми вашими JS/TS .
• Автоматизация — как вы можете автоматизировать вышеперечисленное для своего бизнеса?