什么是 mern-cli
mern-cli 是一个基于 Node.js 和 React.js 技术栈的开发脚手架，用于快速构建 MERN （MongoDB + Express.js + React.js + Node.js）全栈应用程序。它提供了一个简单而完整的工具链，可以帮助开发人员快速搭建全栈应用程序，并且可以轻松地进行代码重用和扩展。
mern-cli 的安装
要安装 mern-cli，首先需要在本地安装 Node.js。在安装 Node.js 后，可以使用 npm 包管理器安装 mern-cli：
npm install -g mern-cli
接下来，就可以使用 mern-cli 创建新的 MERN 应用程序了。
创建新的 MERN 应用程序
创建新的 MERN 应用程序非常简单。只需要在终端输入以下命令：
mern myApp
其中，myApp 是新的应用程序的名称。运行这个命令后，mern-cli 会在当前目录下创建一个名为 myApp 的新应用程序。
MERN 应用程序的目录结构
在创建新的 MERN 应用程序后，可以在终端中进入应用程序目录，查看应用程序的目录结构：
cd myApp
应用程序的目录结构如下：
-- -------------------- ---- -------
-
--- ------
- --- ------------
- --- ------
- - --- -----------
- - --- ----------
- - --- -------------
- --- ---
- --- -------
- --- ------
- --- -----------
- --- ---------
- --- --------
- --- --------
- --- ----------------
--- ------------
--- ------------
--- ------
--- ------
- --- --------
--- ------------
--- ------
- --- ---
- - --- --------
- --- --------
--- ---------
--- -----
--- --------在这个目录结构中，client 目录包含了 React.js 前端应用程序的代码，而 server 目录包含了 Node.js 后端应用程序的代码。其中，client 和 server 都有各自的 package.json，可以单独进行依赖包的安装和管理。
启动 MERN 应用程序
要启动 MERN 应用程序，可以在 myApp 目录下运行以下命令：
npm run dev
这个命令会同时启动前端和后端应用程序，并在浏览器中打开应用程序的主页。接下来就可以开始开发 MERN 应用程序了。
示例代码
下面是一个简单的 MERN 应用程序的示例代码：
server/models/index.js
-- -------------------- ---- -------
----- -------- - --------------------
----- --------- - ----- -- -- -
--- -
----- ---- - ----- --------------------------------------- -
---------------- -----
------------------- -----
----------------- ------
--------------- -----
---
-------------------- ---------- --------------------------
- ----- ------- -
--------------------- -------------------
----------------
-
--
-------------- - - --------- --server/routes/api/index.js
const express = require('express');
const router = express.Router();
router.get('/', (req, res) => {
res.send('API is working');
});
module.exports = router;server/routes/index.js
const express = require('express');
const router = express.Router();
const apiRouter = require('./api');
router.use('/api', apiRouter);
module.exports = router;server/server.js
-- -------------------- ---- ------- ----- ------- - ------------------- ----- - --------- - - -------------------- ----- ------ - -------------------- -- ---- --------------------------- -- ----- ------------ -- -- ------- ---- ----- --- - ---------- -- ---- ---------------- -- ------ ----- ---- - ---------------- -- ----- ---------------- -- -- - ------------------- ------- -- ---- ---------- ---
client/src/App.js
-- -------------------- ---- -------
------ ------ - --------- --------- - ---- --------
------ ---- ---- -------------
------ ------------
-------- ----- -
----- --------- ----------- - -----------------------
------------ -- -
-------------
--------- -- -----------
---------- -- -
-----------------
--
------------ -- ------------------------------
-- ----
------ -
---- ----------------
------- -----------------------
---- ---------- -------------------- ---------- --
----------------
---------
------
--
-
------ ------- ----在应用程序运行后，打开浏览器访问 http://localhost:3000，就可以看到 "API is working" 的字样。这个应用程序是一个非常简单的示例，但它演示了 MERN 应用程序的基本结构和工作原理，可以帮助开发人员快速入门和了解 MERN 技术栈的相关知识点。
总结
mern-cli 是一个快速构建 MERN 应用程序的强大工具，它可以帮助开发人员快速搭建全栈应用程序，并且可以轻松地进行代码重用和扩展。本文介绍了 mern-cli 的安装和基本使用方法，同时给出了一个简单的示例代码，希望对开发人员有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3f1d8e776d08040ba0