準備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项目中的开发环境。