React 项目搭建流程（一）

2021-09-13

创建新的 React 单页面应用：
1- 在你的机器上安装 Node >= 8.10 和 npm >= 5.6。要创建项目，请终端执行： ` npx create-react-app my-app
`

注意
npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。

文章图片

文章图片

2-终端运行代码

cd my-app yarn start

3-运行成功

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

4-文件展示

文章图片

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

文章图片

6-关闭服务器 control+c键
7-重新启动项目

yarn start npm start

文章图片

8-mock( 模拟 )数据工具 json server

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

文章图片

生成接口可以请求数据了。

文章图片

【React 项目搭建流程（一）】更新中。。。

推荐阅读

上一篇：年开始了

下一篇：数据湖构建DLF数据探索快速入门-淘宝用户行为分析