React 项目搭建流程(一)

创建新的 React 单页面应用:

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

` npx create-react-app my-app
`

注意
npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具
React 项目搭建流程(一)_第1张图片
React 项目搭建流程(一)_第2张图片

2-终端运行代码

cd my-app
yarn start

3-运行成功

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

4-文件展示

React 项目搭建流程(一)_第3张图片

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

React 项目搭建流程(一)_第4张图片

6-关闭服务器

control+c键

7-重新启动项目

yarn start
npm start
React 项目搭建流程(一)_第5张图片

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 项目搭建流程(一)_第6张图片
  • 生成接口 可以请求数据了。
    React 项目搭建流程(一)_第7张图片

更新中。。。

你可能感兴趣的:(react.js)