Благодаря create-react-app запустить новое приложение React очень просто. Если вам нужна разновидность TypeScript, вы можете добавить параметр --typescript к команде npx:

npx create-react-app my-new-app --typescript

Хотя добавить соответствующие конфигурации линтера для TypeScript React несложно, это может быть трудоемко, особенно если вы добавляете другую зависимость, например рассказы.

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

Я создал create-react-typescript, чтобы упростить этот процесс до такой степени, что любой может выбрать и добавить эти конкретные конфигурации проекта. Первоначальная идея заключалась в том, чтобы отказаться от работы по угадыванию/запоминанию путем добавления соответствующих настроек для Jest, Enzyme, React, ESLint, Prettier, хуков перед фиксацией и т. д.

Чтобы использовать его, просто запустите:

npx create-react-typescript <my-app-name>

Это будет использовать CRA для создания нового приложения React с TypeScript, добавления ESLint и Prettier с конфигурацией и анализом предварительной фиксации, Jest и Enzyme и даже некоторыми настройками рабочей области VSCode, чтобы расширение ESLint запускалось при сохранении.

Если вы предпочитаете использовать NPM в качестве менеджера пакетов вместо Yarn, просто передайте --npm . Кроме того, если вы цените commitizen, как и я, вы можете использовать опцию --commitizen, которая установит и настроит commitizen со скриптом commit в вашем package.json .

Опять же, это не конец всех конфигураций TypeScript React, а только отправная точка для программирования.

Я надеюсь, что другие найдут этот инструмент полезным. Не стесняйтесь открывать вопрос в репозитории Github, если у вас есть какие-либо пожелания или вы обнаружите какие-либо ошибки. Спасибо!