如何创建一个 react 项目？

如何创建一个 react 项目？

首先，找一块风水宝地，鼠标右键单击： Git Bash Here，打开 git 命令窗口,输入命令：

npx create-react-app react-app

接下来，稍等一会，就会创建出一个新的 react 空项目啦！

看到这两句就代表创建成功啦！

接下来用 vscode 打开我们刚刚创建的新项目，打开终端，输入 npm start 或者 yarn start 就可以启动项目开始写我们的代码了。

页面一打开，是这样的：

可以把不需要的代码删除掉，直接写我们的新代码。

顺便将一下我们新项目的目录结构吧。

node-modules，不用多说了，是我们下载依赖的文件夹。

public, 可以看到，里面的文件是 icon 图标 和 img 图片。当然，我们的 index.html也是在这个文件夹里面的啦。

src，才是我们重点要看的文件夹。 我们的 js文件 和 css文件 默认都是放在这个文件夹里面的。后续可以在 src 内新建文件夹，来区分我们的文件代码。

index.js：整个项目的总文件入口，最后我们书写的所有代码都要走到 index.js 这个文件夹内。

app.js: 我们主要书写代码、写页面的地方。

.gitignore：git 忽略文件。

package.json：配置文件。

如何创建创建一个新的 vue 项目看这里：

juejin.cn/post/711384…