飞龙博客

前端文字教程

eggjs逐步搭建手把手步骤小白菜鸟教程

feilong.org 修订于2022-04-06 12:42:42 您好,第 243 位朋友!

eggjs逐步搭建手把手步骤小白菜鸟教程

1、开发环境
操作系统:支持 macOS,Linux,Windows
运行环境:建议选择 nodejs LTS 版本

2.软件准备
安装好 nodejs
会使用cmd命令行工具
有vocode notepad++ 之类开发工具
谷歌或搜狐浏览器

3、逐步部署
在一个文件夹下,比如 G:\egg ,
打开cmd命令行工具。
输入以下命令

mkdir egg1 && cd egg1 (创建文件夹egg0,然后进入egg0)
npm init (初始化项目package.json配置)
npm i egg --save (安装egg插件)
npm i egg-bin --save-dev (安装egg-bin插件)

4、启动项目
打开 package.json
添加 scripts 到 package.json:

"dev": "egg-bin dev"

5、编写 Controller
进入egg0文件夹,新建文件 app/controller/home.js

然后打开 home.js,粘贴如下代码:

// app/controller/home.js
const Controller = require('egg').Controller;
class HomeController extends Controller {
async index() {
this.ctx.body = 'Hello world';
}
}
module.exports = HomeController;

6、配置路由
进入egg0文件夹,新建文件 app/router.js

然后打开 router.js,粘贴如下代码:

// app/router.js
module.exports = (app) => {
const { router, controller } = app;
router.get('/', controller.home.index);
};

7、 配置文件
进入egg0文件夹,新建文件 config/config.default.js

然后打开 config.default.js,粘贴如下代码:

// config/config.default.js
exports.keys = 'egg0000';

8、启动项目
打开文件夹下,比如 G:\egg\egg0 ,

打开cmd命令行工具。运行一下命令

npm run dev

然后用浏览器打开 http://localhost:7001

9、最后熟悉一下代码

更新网址:https://feilong.org/eggjs-basic-dir-abc
最初发布:20220406 12:42:15 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: eggjs