Vite 需要 Node.js 版本 >= 12.0.0。（node -v 查看自己当前的node版本）

• 使用 yarn：yarn create @vitejs/app
• 使用 npm：npm init @vitejs/app

1. 输入项目名称

这里输入我们的项目名称：vite-react

2. 选择框架

这里选择我们需要集成的框架：react

• vanilla：原生js，没有任何框架集成
• vue：vue3框架，只支持vue3
• react：react框架
• preact：轻量化react框架
• lit-element：轻量级web组件
• svelte：svelte框架

3. 选择不同

这里我们选择：react

4. 项目创建完成

5. 项目结构

项目结构非常简单：

6. 启动项目

• 进入项目：cd vite-react
• 安装依赖：npm install
• 运行项目：npm run dev 或 npx vite
• 编译项目：npm run build 或 npx vite build

启动速度极快：

VSCode创建React项目

1、 打开Teriminal命令行，安装react的脚手架create-react-app

yarn global add create-react-app

2、创建项目命令

create-react-app demo

3、开启项目命令

cd demo

yarn start 或 npm start

4、效果如下：

1.安装node.js和npm:

   可自行到node官网下载，下载node完成后，npm也会自行下载完成。

2.通过cmd执行 node -v 和 npm -v 查看是否下载成功和下载成功后的版本号。

3.安装好的npm的源默认是国外的源，会因为网络原因导致执行npm操作有延时，我们可以切换npm的源为淘宝的源镜像。操作方法： 安装淘宝镜像或者使用cnpm详解

4.安装react脚手架，cmd执行 npm i -g create-react-app  (-g为全局下载)

 5.安装好 node 和 react脚手架后就可以创建项目啦，cmd切换至指定路径，执行  create-react-app project (project为自定义项目名)，最后出现 happy hacking说明创建成功。

6.项目创建成功后，我们可在对应的路径下看到项目文件。打开文件可以看到文件结构。

7.启动项目。在项目所在路径下cmd执行 npm start。

8.启动成功后会自动打开浏览器，并出现react图标，说明项目启动成功。