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 文件代码