应用场景
在前端开发中，我们需要框架来帮我们快速搭建整个项目。而 builder-react-fullstack-dev 是一款基于 React 的全栈开发工具，能够快速搭建整个项目的前端和后端。
安装
使用 npm 进行安装：
--- ------- ---------------------------
使用
初始化项目
使用 create-react-app 初始化一个基本的 React 项目：
--- ---------------- ------ -- ------ --- -----
添加后台
使用 builder-react-fullstack-dev 添加后端支持：
--- --------------------------- ----
此时，builder-react-fullstack-dev 会生成 server 目录，内含 express 后端服务器的代码。
添加数据库
使用 builder-react-fullstack-dev 添加数据库支持：
--- --------------------------- -----
此时，builder-react-fullstack-dev 会生成 database 目录，内含数据库连接池和数据库操作的代码。
添加路由
使用 builder-react-fullstack-dev 添加路由：
--- --------------------------- ---------
此时，builder-react-fullstack-dev 会生成 routes 目录，内含页面路由的代码。
添加前端页面
使用 builder-react-fullstack-dev 添加前端页面：
--- --------------------------- ------- ------
此时，builder-react-fullstack-dev 会在 src/pages 目录下生成 mypage.js 和 mypage.css 两个文件，分别包含页面的组件和样式。
运行项目
使用 npm 运行项目。
--- -----
此时，可以在浏览器中访问 http://localhost:3000 查看项目运行情况。
总结
通过本教程，你已经学会了如何使用 builder-react-fullstack-dev 快速搭建一个全栈 React 项目。相信这将对你在前端开发方面有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c8dccdc64669dde5597