如何创建一个 react 项目？
站长
· 阅读数 12
如何创建一个 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 项目看这里：