準備React開発環境

Node.js (一个基于 JavaScript 的运行环境)。

请安装推荐版本的Node.js,可以在https://nodejs.org/ja上找到安装程序。

React 官方网站

 

使用脚手架创建新的React项目。

创建 React 应用程序

Create React App是React官方推荐和最常用的脚手架工具。

官方网站:https://create-react-app.dev/

创建项目

使用 TypeScript

### npx を使用する
npx create-react-app my-app --template typescript

### npm を使用する
npm init react-app my-app --template typescript

### yarn を使用する
yarn create react-app my-app --template typescript

项目结构

项目的起点 src/App.tsx

启动项目

运行 npm start

快速地

「Vite」是由Vue的作者发布的打包工具,启动速度快,并且近年来非常受欢迎。

官方网站:https://vitejs.dev/guide/

创建项目

npm create vite@latest react-demo-vite --template react-ts

yarn create vite react-demo-vite --template react-ts

请参考官方网站了解其他制作方法。

项目的架构

项目的入口 src/App.tsx

启动项目

运行npm项目中的开发环境。

广告
将在 10 秒后关闭
bannerAds