Create React App 中文文档

Create React App 中文文档

  • 快速入门
  • 帮助
  • GitHub

›构建 App

Welcome

  • 关于文档

快速入门

  • 入门
  • 文件夹结构
  • 可用的 Scripts
  • 支持的浏览器和特性
  • 更新到新版本

开发

  • 编辑器设置
  • 隔离开发组件
  • 分析 Bundle (包) 大小
  • 在开发环境中使用 HTTPS

样式和资源

  • 添加一个样式表
  • 添加 CSS Modules
  • 添加 Sass
  • PostCSS(后处理 CSS)
  • 添加图片,字体和文件
  • 使用 public 文件夹
  • 代码拆分(Code Splitting)

构建 App

  • 安装依赖项
  • 导入组件
  • 使用全局变量
  • 添加 Bootstrap
  • 添加 Flow
  • 添加 TypeScript
  • 添加 Relay
  • 添加 Router(路由)
  • 环境变量
  • 制作渐进式 Web 应用程序(PWA)
  • 创建生产构建

测试

  • 运行测试
  • 调试测试

后端集成

  • 在开发环境中代理 API 请求
  • 使用AJAX请求获取数据
  • 集成后端 API
  • Title & Meta 标签

部署

  • 部署

高级用法

  • 我可以使用 Decorators 吗?
  • 预渲染静态 HTML
  • 高级配置
  • Ejecting 的替代方案

支持

  • 故障排除
Edit

添加 TypeScript

注意:此功能适用于 react-scripts@2.1.0 及更高版本。

TypeScript 是 JavaScript 的类型超集,可编译为纯 JavaScript 。

要使用 TypeScript 启动新的 Create React App 项目,你可以运行:

$ npx create-react-app my-app --typescript
$ # 或者
$ yarn create react-app my-app --typescript

要将 TypeScript 添加到 Create React App 项目,请先安装它:

$ npm install --save typescript @types/node @types/react @types/react-dom @types/jest
$ # 或者
$ yarn add typescript @types/node @types/react @types/react-dom @types/jest

接下来,将任何文件重命名为 TypeScript 文件(例如 src/index.js 重命名为 src/index.tsx )并 重新启动开发服务器!

类型错误将显示在与构建错误相同的控制台中。

要了解有关 TypeScript 的更多信息,请查看 其文档 。

注意: 你不需要制作 tsconfig.json 文件,我们将为你制作一个文件。 你可以编辑生成的 TypeScript 配置。

注意: 如果你当前正在使用 create-react-app-typescript,请参阅此 博客文章,了解有关如何迁移到 Create React App 的说明。

注意: 我们建议使用 VSCode 以获得更好的集成体验。

注意: 不支持常量枚举和命名空间。

← PreviousNext →
Create React App 中文文档
文档
快速入门学习 React
社区
Stack OverflowSpectrumTwitter
更多
GitHubStar
Facebook Open Source
Copyright © 2018 Facebook Inc.