分两步设置 React + TypeScript 项目。

分两步设置 React + TypeScript 项目。

React 是一个用于构建用户界面的 JavaScript 库，TypeScript 是由 Microsoft 开发的一种免费的开源编程语言，它通过添加类型定义来扩展 JavaScript。这种语言和库一起创建的代码具有更少的未定义错误、更好的可读性和可维护性。要开发 React TypeScript 项目，应遵循以下步骤。

1. 安装 node.js 和 npm

节点.js 是一个开源、跨平台的后端 JavaScript 运行时环境，它在 JavaScript 引擎上运行并在 Web 浏览器之外执行 JavaScript 代码。

Npm 也称为节点包管理器，它是 JavaScript 运行时环境 Node.js 的默认包管理器。

2.创建项目

创建反应应用 是一种官方支持的创建单页 React 应用程序的方式。它提供了一个没有配置的现代构建设置。运行下面的命令来初始化一个新的 React 应用程序。

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

安装完成后，打开项目文件夹。

 cd 我的应用程序

在该目录中，将生成项目结构并安装所有必需的依赖项

 我的应用  
 ├── README.md  
 ├── tsconfig.json  
 ├── 节点模块  
 ├── package.json  
 ├── package-lock.json  
 ├── .gitignore  
 ├── 公开  
 │ ├── favicon.ico  
 │ ├── index.html  
 │ └── manifest.json  
 └── 源  
 ├── App.css  
 ├── App.tsx  
 ├── App.test.tsx  
 ├── index.css  
 ├── index.tsx  
 ├── logo.svg  
 └── serviceWorker.js  
 └── setupTests.ts  
 └── react-app-env.d.ts  
 └── reportWebVitals.ts

3.启动开发服务器

要启动服务器，请运行以下代码

 npm 开始

资源

1. React 官方文档
2. TypeScript 官方文档

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/18542/15190609