创建新的 React 单页面应用:

1- 在你的机器上安装 Node >= 8.10 和 npm >= 5.6。要创建项目,请终端执行:

` npx create-react-app my-app
`

注意
npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具
487B9C8BF75972C910E8D46E64F7246B.png
52656A96BC951B13E7E1AD5AB1D3E2EC.jpg

2-终端运行代码

cd my-app
yarn start

3-运行成功

https://upload-images.jianshu...

4-文件展示

image.png

5-干掉不需要的文件后:

image.png

6-关闭服务器

control+c键

7-重新启动项目

yarn start
npm start
屏幕快照 2020-12-17 下午12.02.03.png

8-mock( 模拟 )数据工具

json server

  • 获取一个模拟的功能齐全的api接口 不需要敲代码 小于30s即可搞定
  • 全局安装json-server命令行工具
  • 准备一个json文件 存储数据 生成接口
    • 安装 npm install -g json-server
    • 测试 json-server -v
    • 启动 json-server data.json --port 4000 -w //设置端口,自动更新数据
image.png
  • 生成接口 可以请求数据了。
    image.png

更新中。。。


南山不会落梅花
49 声望3 粉丝