一个基础的react项目创建

97 阅读1分钟

项目创建

使用create-react-app快速搭建开发环境

create-react-app是一个快速创建React开发环境的工具,底层是由Webpack构建,封装了配置细节,开箱即用

执行命令:npx create-react-app react-base

  1. npx Node.js工具命令,查找并执行后续的包命令
  2. create-react-app 核心包(固定写法),用于创建React项目
  3. react-base React项目的名称(可以自定义)

image.png

创建完成后,文件夹中就出现了react-base

image.png

用编译器打开

image.png

可以看到依赖已经安装好了,我们可以直接在终端执行 npm start,项目就跑起来了

image.png

初始化的一些文件我们用不到,进行简化一下,src下只保存App.js和index.js两个文件

image.png

image.png

image.png

image.png