我厌倦了搭建 MERN 项目,于是我开发了一个 VS Code 扩展来自动化它
发布: (2026年3月8日 GMT+8 14:55)
3 分钟阅读
原文: Dev.to
Source: Dev.to
为什么我构建了 MERN DevBoost
我已经创建了许多 MERN 栈项目,而最初的搭建总是需要 30–40 分钟。每个项目都需要:
- 创建相同的前端和后端文件夹
- 运行
npm init并安装相同的 10–15 个包(Express、Mongoose、Vite、bcrypt 等) - 配置
.env文件 - 编写相同的认证样板代码
一遍遍复制粘贴旧代码变得很繁琐,于是我决定用一个 VS Code 插件来自动化整个过程。
MERN DevBoost 的功能
完整项目脚手架
- 生成完整的 MERN 文件夹结构
- 包含预配置的 Express 服务器和基于 Vite 的 React 前端
- 提供基础的认证和数据库连接文件
自动 CRUD 生成器
输入资源名称(例如 product),插件会创建:
- Mongoose 模型
- 带 try‑catch 块的控制器
- Express 路由
高级认证
- 生成基于角色的访问控制(管理员/用户)
- 一键添加密码重置逻辑
DEVBOOST_GUIDE.md
脚手架完成后,插件会自动在 VS Code 中打开 DEVBOOST_GUIDE.md 文件。指南列出后续的终端命令,并展示如何使用 Postman 测试生成的 API。
入门指南
- 从 VS Code Marketplace 安装此插件。
- 在命令面板中运行 “MERN DevBoost: Scaffold Project”。
- 按提示为项目命名,并可选择为自动 CRUD 生成器添加资源。
- 脚手架完成后,
DEVBOOST_GUIDE.md文件会自动打开——按照其中的说明启动服务器并测试端点。
反馈与贡献
如果你使用 MERN 栈并想省去手动搭建的步骤,试试 MERN DevBoost 并告诉我你希望下一步添加哪些功能或缺失的安全包。
链接
- VS Code Marketplace:
- GitHub Repository: