koa2开发Web应用:利用koa-generator快速生成koa2框架目录结构

时间:2024-05-23 15:11:26

koa2开发Web应用:利用koa-generator快速生成koa2框架目录结构

前言

koa是一个基于Node.js平台的新一代Web应用开发框架,由Express 幕后的原班人马打造,目前最新版本是koa2。与Express不同的是,koa通过利用 async 函数,丢弃了复杂的回调函数,并有力地增强错误处理。这里有koa框架中文学习文档https://koa.bootcss.com/#

安装koa-generator

在命令行中输入并运行npm install koa-generator -g
注意,koa框架要求node版本至少为 v7.6.0

创建koa框架目录结构

进入一个空文件夹,然后在命令行中输入并运行koa2 koa-server,那么就创建了koa-server文件夹,里面的文件便是koa框架问价,koa2框架目录结构如下:

|-- koa-server
   |-- app.js
   |-- package-lock.json
   |-- package.json
   |-- bin
   |   |-- www
   |-- public
   |   |-- images
   |   |-- javascripts
   |   |-- stylesheets
   |       |-- style.css
   |-- routes
   |   |-- index.js
   |   |-- users.js
   |-- views
       |-- error.pug
       |-- index.pug
       |-- layout.pug

安装依赖项

进入koa-server文件夹,在命令行输入并执行npm install。安装完成后,目录中多了一个node_modules文件夹和package-lock.json文件,node_modules文件夹的内容不用git工具进行commit,package-lock.json文件及其它文件都需要commit。

(以下问题若没有出现可直接忽略)
我这里在安装依赖项时,出现了警告和错误,如下图:
koa2开发Web应用:利用koa-generator快速生成koa2框架目录结构

命令行里提示我们要执行npm audit fix修复问题,然而运行后还是不能解决问题,如下图:
koa2开发Web应用:利用koa-generator快速生成koa2框架目录结构

我按照提示,执行npm audit,尝试手动解决,如下图:
koa2开发Web应用:利用koa-generator快速生成koa2框架目录结构

命令行提示我输入并执行npm install [email protected],完成后,项目终于没有问题了,如下图:
koa2开发Web应用:利用koa-generator快速生成koa2框架目录结构

运行Web应用

在koa-server文件夹下,按照安装koa框架时的提示,先执行SET DEBUG=koa*,然后再执行npm start koa-servernode bin/www,之后在浏览器中访问http://localhost:3000/,即可看到koa框架渲染的页面。