前言
@modern-mean/generator-modern-mean 是一个生成现代 MEAN 应用程序的 Yeoman 生成器。MEAN 是一组开源软件,包括 MongoDB,Express.js,AngularJS 和 Node.js,旨在为 Web 应用程序提供一个全栈平台。在本文中,我们将介绍如何使用 @modern-mean/generator-modern-mean 创建一个新的现代 MEAN 应用程序。
准备环境
要使用 @modern-mean/generator-modern-mean,您需要确保您的计算机上安装了 Node.js 和 npm。如果您还没有安装,可以通过以下方式安装:
- 进入 Node.js 官方网站下载 Node.js 并安装。
- 在命令行输入
npm -v
,如果输出 npm 的版本号,则代表 npm 已经安装成功。
安装 @modern-mean/generator-modern-mean
执行以下命令安装 @modern-mean/generator-modern-mean:
npm install -g yo @modern-mean/generator-modern-mean
创建新的 MEAN 应用
在创建 MEAN 应用之前,需要先确定您要创建的项目名称和目录。在命令行中,输入以下命令以创建新的 MEAN 应用:
yo @modern-mean/modern-mean
此时会提示您输入项目名称和 MongoDB 数据库名称,按照提示进行输入即可。接下来,@modern-mean/generator-modern-mean 会自动生成基本的项目模板并安装依赖包。
启动应用程序
生成器完成后,即可通过以下命令启动应用程序:
npm start
此时应用程序会在默认端口 3000
上启动。您可以打开浏览器,并访问 http://localhost:3000
来查看应用程序是否启动正常。
项目结构
@modern-mean/generator-modern-mean 生成器为您创建了以下目录和文件:
-- -------------------- ---- ------- - --- --------- --- --- - --- --------- - --- ----------- - - --- ------- - --- ------ - --- ------- --- ------ - --- -------- - --- ---------- --- ----------------- --- ------------ --- ------ - --- ----------- - --- ---------- - --- ----------- - --- --------- --- --------- --- ----- --- --------- --- ------- --- ----------- --- ---------
这些文件和目录的作用如下:
api
目录:包含路由器,控制器和模型。可根据项目需求自行修改。config
目录:包含项目的配置文件,其中express.js
是 Express 的配置文件,而index.js
是默认的配置文件,提供了一些全局配置信息。public
目录:包含了所有的公共资源文件。server.js
文件:是应用程序的入口文件。views
目录:包含了项目的 HTML 页面,使用 EJS 模板引擎进行渲染。
示例代码
在 api/controllers/test.js
中新增以下代码:
exports.get = function(req, res) { res.json({message: 'Hello World!'}); };
在 api/router.js
中新增以下路由:
var test = require('./controllers/test'); module.exports = function(app) { app.get('/api/hello', test.get); };
重启应用程序,在浏览器中输入 http://localhost:3000/api/hello
,即可看到返回的 JSON 数据。
结论
本文介绍了如何使用 @modern-mean/generator-modern-mean 快速创建一个现代 MEAN 应用程序,并且介绍了项目结构以及新增路由和控制器的示例代码。希望本文能够为您提供帮助,在开发现代 MEAN 应用程序时更加高效。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066bcc967216659e24477d