React之旅-02 创建项目

创建React项目，常用的方式有两种：

• 官方提供的脚手架，官网：https://create-react-app.dev/。如需创建名为 my-app 的项目，请运行如下命令：

npx create-react-app my-app

• 使用Vite包，官网：https://vite.dev/。如需创建项目，请运行如下命令：

npm create vite@latest

经过对比分析，使用Vite包更加便利。故强烈推荐使用此方式。

Vite创建项目步骤，输入创建命令后，根据提示一步一步完成，首先输入项目名称(react-vite-app)，然后选择框架(React)，最后选择语言(TypeScript)，当然，你完全可以根据自己的喜好进行选择。如下图：

创建完成后，进入项目目录，执行命令：npm install 安装依赖包，安装成功后，运行：npm run dev，开启Web服务器，如下图：

在浏览器地址栏中输入：http://localhost:5173，就可以看到预览界面了

至此，使用Vite包创建React项目，操作成功。使用VS Code 查看具体的项目文件。如下图：

项目文件的结构及各文件的说明，可以自行搜索，并可根据实际需要，对项目文件进行增、删、改。