01.Egg.js教程-Egg.js环境搭建和HelloWorld程序编写

随着 IT 行业的发展,对前端程序员的要求越来越高,甚至要求前端会全栈开发。也就是既要会前端开发,又要会后端开发。对于一个前端开发者,最快速成为全栈开发者的途径,你的最优选择是学习 Egg.js 框架了。

Egg.js 的语法仍然是 JavaScript。也就是说,你不用再学习 Golang 或者 Java 这样的基础语言了。而是只要学习 Egg.js 的框架 API,就可以快速开发全栈。

Egg.js 是阿里旗下为数不多的 ,让人放心使用的开源项目。Egg.js 为企业级框架和应用而生的 Node.js 框架,Egg(简写)奉行【约定优于配置】的框架,按照一套同意的约定进行应用开发。适合团队开发,学习成本小,减少维护成本。

Egg.js 的特点 j 介绍

  • 提供基于 Egg 定制上层框架的能力
  • 高度可扩展的插件机制
  • 内置多进程管理(Node 是单进程,无法使用多核 CPU 的能力)
  • 基于 Koa 开发,性能优异
  • 框架稳定,测试覆盖率高
  • 渐进式开发,逐步模块化模式

Egg.js 环境搭建和 HelloWorld 编写

直接开始操作,来安装 Egg.js 的开发环境和编写第一个HelloWorld

以管理方式打开 Windows 中的PowerShell(如果不以管理员方式打开,没办新建目录),选择要创建目录的位置。然后创建目录。

mkdir egg      // 创建 egg 目录
cd egg         // 进入 egg 目录

使用 yarn/npm 命令来创建一个 egg 项目,命令如下:

yarn create egg  --type=simple
or
npm init egg --type=simple

这时候 yarn/npm 会给我们去远程拉去 egg.js 框架和生成项目。其中有几项需要我们配置:项目名称、描述和作者。如果不愿意配置,也可以直接略过。

创建完成后,我们需要安装相关的项目依赖。

yarn install
or
npm install

安装完成后,我们用yarn dev或者npm run dev开启项目,开启后会告诉我们 访问地址为 http://127.0.0.1:7001

打开浏览器,输入地址,就会在页面中显示出hi.egg

直接用code .命令,直接打开 VSCode 编辑器。找到app/controller/home.js文件,然后把文件的第 8 行,改为Hello World,并保存,刷新页面中的hi , egg. 就变成了 Hello World

'use strict';

const Controller = require('egg').Controller;

class HomeController extends Controller {
  async index() {
    const { ctx } = this;
    ctx.body = 'Hello World';
  }
}

module.exports = HomeController;

刚开始你可能还不明白上面这些操作的具体意思,但是不要紧,在接下来的教程中进行讲解。

特别提示,一定要安装好环境,下节要使用这个环境进行讲解。

Egg.js 与 Koa/Express 对比

当我们安装好了 Egg.js,并简单体验之后。我需要简单的对 Egg.js、Koa 和 Express 进行对比。当你知道一个矿建的优点后,你才更有信心进行学习。

Egg.js 相对比 Koa 和 Express 框架的学习成本要高,但更适合企业级开发,有成熟的插件机制、扩展机制,还可以使用多进程管理。所以多付出一点学习成本是很划算的事情。我制作了一张图,对 Egg.js 和 Express/Koa 框架进行了对比。

Egg.js 与 Koa/Express 对比

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 01.Egg.js教程-Egg.js环境搭建和HelloWorld程序编写

发表回复