介绍
emvc是一款极其实用的npm包，它是一款让前端开发者更高效开发MVC架构的应用程序的工具。使用emvc，你可以在快速构建稳定的应用程序的同时，从中获得更好的代码和架构的分层和分工。本篇文章将会提供详细的教程和指导意义，以便您更好地了解和掌握emvc的使用。
安装emvc
我们可以使用npm命令来安装emvc包，只需要在命令行中使用以下命令：
npm install emvc --save
注意：在安装前，请确保你已经正确安装了npm工具。
模块介绍
emvc框架一共由5个模块组成：
- Model：提供数据操作、管理和存储等功能。
- View：渲染数据，并负责向用户展示数据。
- Controller：负责调动Model层和View层，对数据和界面进行控制。
- Router：根据请求路径和方法，把请求路由到相应的处理程序中。
- Plugins：提供了一些额外的功能和工具，如“Session”和“User Authentication”。
构建一个emvc应用程序
现在，让我们尝试构建一个emvc应用程序，来了解如何使用emvc工具。
1. 初始化npm包
首先，我们需要新建一个文件夹来存放我们的应用程序。在该文件夹内，打开终端并输入以下命令：
npm init
这将会引导你填写项目的一些相关信息。请确保填写完整，并按Enter键确认。
2. 安装emvc包
使用以下命令安装emvc包：
npm install emvc --save
3. 新建必要文件
我们需要新建一些必要的文件，如下：
- index.js：用来启动程序的主文件。
- package.json：描述了包的一些基本信息。
- app.js：用来配置程序和路由。
- public文件夹：存放程序所需的各种资源，如css、js、图片等。
4. 配置app.js
我们可以使用app.js来完成路由和基本应用程序的配置。在该文件中，我们需要：
- 载入emvc包；
- 初始化一个app实例；
- 配置路由。
下面是一个最基本的app.js实例：
-- -------------------- ---- -------
----- ---- - ----------------
----- --- - -------
-- --------------
-------------- -
---- ----- ---- -- -
--------------------
-
---
-- ----
---------------- -- -- -
------------------- -- ------- -- ---- --------
---在上面的例子中，我们：
- 使用
require('emvc')语法引入模块。 - 创建一个新的emvc实例。
- 配置路由。
- 使用
app.listen()方法监听3000端口。
5. 载入外部模板文件
首先，新建一个views文件夹，在该目录下新建一个index.ejs文件，即：views/index.ejs。然后，编辑该文件，在文件中添加以下内容：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------- ------- ------ ----------- -- --------- ------- -------
修改app.js，添加以下代码：
const path = require('path');
// 设置模板文件路径
app.set('views', path.join(__dirname, 'views'));
// 设置模板引擎
app.set('view engine', 'ejs');使用app.set()方法来设置模板文件路径和模板引擎。这里我们使用ejs作为模板引擎。
6. 运行应用程序
现在，我们可以打开命令行并运行以下命令：
node index.js
如果一切都配置正确，你现在应该能够在浏览器中打开http://localhost:3000并正确地看到我们的emvc应用程序的首页。
获取帮助
如果您在使用emvc框架中遇到任何问题，可以通过npm官网、Github或者各种文档资源来获取帮助。同时，如有可以完善的地方，也欢迎参与进来。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e20a563576b7b1ece13