南方小菜

首先，得明白它是一个中间件，这也就意味着`express.Router`返回的是一个函数；且它是路由，意味着`Router`函数不仅可以被`new`还得支持直接执行时返回一个路由系统。其二，子路由需要

应用规则：对于路由传参，通常有两种写法 1. 请求时以`?key=val`的形式，获取时`req.query` 2. 定义时以`/:key1/:key2`的形式，请求时以`/val1/val2`的形

应用规则： - 首先进行错误中间件注册（错误中间件区别普通中间件就在于它有四个参数） - 应用时，只要在执行`next`函数时传递参数，就会执行到错误中间件的回调中，并且会将值传递给`err`

- express 中 use 的第一个参数是匹配路径 不传相当于"/" - 中间件匹配机制是惰性匹配，即匹配路径为`/a`的中间件，访问`/aa`时同样会被执行（这也意味着不传匹配路径时即所有请求都

关于路由，上文只是简单的实现了单一请求匹配单一应答，对于`express`的路由系统而言，其实还有更重要的两个特性没有体现 - 多匹配机制 - 多回调机制

两个功能 1. 执行`listen`方法时创建服务 2. 访问方法符合时，访问对应路径，执行相应回调；均不匹配时，返回固定 404 信息；

路由切换的控制时机很关键，我们用一个【切换路由页面未加载完成时显示 loading】的效果来学习下如何在 next 中使用路由守卫。

文章中提到的脚手架帮我们解决了需要一直复制粘贴项目或者手动更改常规配置的烦恼，在本文中，我们将通过 vue-chrome-cli 的学习，收获：如何实现一个脚手架

实战篇啦，经过前面系列文章，我们对 chrome 扩展的开发已经有了大致了解（不了解？👆），最最基础一点，chrome 扩展其实就是 html/css/js 三大件