create-react-app 可以与 TypeScript 一起使用吗

Question

是否可以将 TypeScript 与create-react-app ？ 如果是这样，你会怎么做？

Answer 1

你可以这样做：

create-react-app my-app --scripts-version=react-scripts-ts

见https://github.com/wmonk/create-react-app-typescript

这不需要弹出。

Answer 2

这是要走的路：

# update create-react-app first
npm update -g create-react-app 
create-react-app my-app --typescript

Create React App v2.1.0现在支持TypeScript，不再需要弹出或使用react-scripts-ts fork；

或者您可以将 TypeScript 添加到现有应用程序：

yarn add typescript @types/node @types/react @types/react-dom @types/jest
# or
npm install --save typescript @types/node @types/react @types/react-dom @types/jest  

然后将.js文件重命名为.tsx文件以开始使用 TypeScript。

请注意，当您运行应用程序时，会为您创建一个 tsconfig.json。 除了某些选项之外，您将能够编辑 tsconfig.json。

学分：

[1]文森特回答

[2] migrate create react app typescript post

Answer 3

Typescript 现在开箱即用，在 create-react-app 版本 2.1 中！

您现在可以使用它，如下所示（ 如下所示）： npx create-react-app@next app-name --scripts-version=2.0.6-next.c662dfb0 --typescript

Answer 4

我在 github 问题中为 create-react-app 发布了一个功能请求，这是响应：

你好！ 我们还没有准备好考虑 TypeScript（有关更新，请参阅 #142）。 我们尚未完成 Flow 集成（我们建议将其作为类型安全的首选）。

此外，现在正在发生一些非常有趣的事情。 参见 babel/babylon#320 和 babel/babylon#444。 TypeScript 可能很快就会被 Babylon 解析（并由 Babel 编译）。 Microsoft 有兴趣看到这种情况发生，并且自己也在开发 WIP。

这种考虑可能还需要几个月的时间。 对不起！

虽然我们没有认可，但有一个支持 TypeScript 的 CRA 分支。 如果它不适合您，我们无法提供支持，但它应该！

不知道如何将其与 Levito 的回应相提并论。

这是github问题的链接：

https://github.com/facebookincubator/create-react-app/issues/1998#issuecomment-295311100

Answer 5

这是关于create-react-app --typescript标志的更新

以前为了使用create-react-app在打字稿中生成新项目，我们使用了如下typescript标志

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

但是这个typescript标志将在create-react-app下一个主要版本中删除，如create-react-app --help

 --typescript (this option will be removed in favor of templates in the next major release of create-react-app)

所以新的解决方案是使用这里提到的模板

前任：

npx create-react-app my-app --template typescript

Answer 6

此外，您可以使用此启动器( https://github.com/vtereshyn/react-typescript-eslint-starter ) 创建您的应用程序

它不使用 create-react-app，所以完全可定制和多变。 因为使用 create-react-app 在某些情况下很难添加一些东西......

Answer 7

你可以使用 Facebook 的官方Typescript 模板来创建 React App。

做

npx create-react-app my-app --template typescript

或者

yarn create react-app my-app --template typescript