【小盐巴学习笔记】—Egg.js基础环境配置

目录

一、Egg.js基础环境配置

1.安装脚手架，创建项目

2.运行项目

3.静态资源存放位置（方便后续存放css、js代码等）

4.模板渲染

         5.单元测试

         6.Get请求和参数传递

---

---

一、Egg.js基础环境配置

1.安装脚手架，创建项目

//新建空文件夹存放项目
npm init egg --type=simple

npm i

2.运行项目

npm run dev

浏览器打开http://127.0.0.1:7001/即可进入默认的首页

3.静态资源存放位置（方便后续存放css、js代码等）

app/public
├── css
│   └── news.css
└── js
    ├── lib.js
    └── news.js

4.模板渲染

在本例中，我们使用官网推荐的 Nunjucks 来渲染，先安装对应的插件 egg-view-nunjucks ：

npm i egg-view-nunjucks --save

（1）开启插件：

注：是 config 目录，不是 app/config!

在config/plugin.js中设置

exports.nunjucks = {
  enable: true,
  package: 'egg-view-nunjucks'
};

 在config/config.default.js中设置

exports.keys = <此处改为你自己的 Cookie 安全字符串>;  //exports.keys如果暂时没有Cookie 安全字符串，可以不改，按默认的
// 添加 view 配置
exports.view = {
  defaultViewEngine: 'nunjucks',
  mapping: {
    '.tpl': 'nunjucks',
  },
};

（2）为列表页编写模板文件，一般放置在 app/view 目录下：

新建app/view/news/list.tpl ，内容如下：

&