我厌倦了搭建 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。

入门指南

  1. 从 VS Code Marketplace 安装此插件。
  2. 在命令面板中运行 “MERN DevBoost: Scaffold Project”
  3. 按提示为项目命名,并可选择为自动 CRUD 生成器添加资源。
  4. 脚手架完成后,DEVBOOST_GUIDE.md 文件会自动打开——按照其中的说明启动服务器并测试端点。

反馈与贡献

如果你使用 MERN 栈并想省去手动搭建的步骤,试试 MERN DevBoost 并告诉我你希望下一步添加哪些功能或缺失的安全包。

链接

  • VS Code Marketplace:
  • GitHub Repository:
0 浏览
Back to Blog

相关文章

阅读更多 »