快速创建React项目

 时间:2026-02-12 17:55:46

1、利用npm安装create-react-app 命令

# npm install create-react-app -g

快速创建React项目

2、然后利用create-react-app命令创建项目。

create-react-app hello

快速创建React项目

3、等待安装,安装过程会下载安装很多依赖。

当控制台输出 happy hacking!时,安装完成。

快速创建React项目

4、进入目录,执行命令,启动服务。

#cd hello

#npm start

快速创建React项目

5、启动完成后,会自动打开默认浏览器。

看到页面显示效果,表示项目启动成功。

快速创建React项目

6、利用编译器,打开项目,找到src目录下的App.js文件,

将header内的内容,全部注释掉。

然后写入

这是我的第一个React项目

快速创建React项目

7、编辑完成后,保存。

页面会自动刷新。

快速创建React项目

  • 如何为jquery动态生成的p标签添加动态文本内容?
  • jquery如何根据输入的内容输出提示
  • 利用jquery写出鼠标悬停在一张图片上放大图片
  • 如何使用CSS3中的flex对div进行分块展示并布局
  • js可拖动的div
  • 热门搜索
    手机很卡怎么办 明信片怎么写 电脑开不了机怎么重装系统 牛排怎么吃 麦克风没声音怎么设置 腰肌劳损怎么治疗 三高怎么办 心肌酶高是怎么回事 键盘驱动怎么重新安装 芝麻酱怎么做