使用React的”create-react-app”进行的步骤（备忘录）

2 年 ago
清, 宇
1 minute

公式文件中记录了使用npm的方法。但是，我发现使用yarn管理更稳定。下面是使用yarn的步骤。

如果使用npm的话

npx create-react-app プロジェクト名
cd プロジェクト名
npm start

1行目：指定要创建React应用的文件夹
2行目：切换到该文件夹（npm包管理已自动安装）
3行目：启动本地服务器

从「npm start」中退出的方法是按下「Ctrl + c」。

npm install -g npm
npm init

请确保将npm更新到最新版本。

npm install --save react-modal @types/react-modal
npm i axios
npm install react-icons
npm install react-scroll
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

安装组件。

在将其部署（上传到服务器）之前
npm run build
npm run deploy

1. 将源代码排列成显示格式
2. 部署到指定的URL（在package.json中）

纱线的情况下

yarn create react-app プロジェクト名
//ts
yarn create react-app --template typescript

1. JavaScript – JavaScript是一种计算机编程语言。
2. TypeScript – TypeScript是一种计算机编程语言，它是JavaScript的一个超集。

yarn upgrade

将Yarn更新至最新版本

▶将yarn进行全局安装的方法
yarn add -g create-react-app
//js
create-react-app プロジェクト名
//ts
create-react-app プロジェクト名 --template typescript
cd プロジェクト名
yarn start

1. 用全局安装 yarn
2. 如果使用 JavaScript 创建（如果选择使用 2，则不需要进行 3）
3. 如果使用 TypeScript 创建（如果选择进行 3，则不需要进行 2）
4. 移动文件夹
5. 启动本地服务器

yarn add パッケージ名

包安装

在package.json文件中

 

bannerAds