React--01创建项目@20210330

https://www.runoob.com/react/react-install.html

1、使用 create-react-app 快速构建 React 开发环境

$ cnpm install -g create-react-app
$ npx create-react-app my-app
$ cd my-app/
$ npm start

注意:

  • Node版本 >= 10
  • npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具

2、启动出错:npm start

ENOSPC: System limit for number of file watchers reached, watch '/data/home/fs-190/projects/test/react_app/react-demo/public'

解析:已达到文件观察者数量的系统限制
解决:执行以下两个命令

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

sudo sysctl --system

3、项目的目录结构如下:

my-app/
  README.md
  node_modules/
  package.json
  .gitignore
  public/
    favicon.ico
    index.html
    manifest.json
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg

manifest.json 指定了开始页面 index.html,一切的开始都从这里开始,所以这个是代码执行的源头。

尝试修改 src/App.js 文件代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值