vuepress小课堂003

我们先来看一看官方文档

基本可以看出 默认主题能干的事情很多啊o(￣︶￣)o

再看看默认主题的插件列表

  "dependencies": {
    "@vuepress/plugin-active-header-links": "^1.3.1",
    "@vuepress/plugin-nprogress": "^1.3.1",
    "@vuepress/plugin-search": "^1.3.1",
    "docsearch.js": "^2.5.2",
    "lodash": "^4.17.15",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "vuepress-plugin-container": "^2.0.2",
    "vuepress-plugin-smooth-scroll": "^0.0.3"
  },

基本上，默认主题已经为我们提供了很多插件，照着这个就能看出来大体的功能

---

下面我们来研究一下 默认主题的组件结构安排

这就是vuepress默认主题提供的所有组件了
从Layout.vue，结合官方网站，我们可以看出基本结构为

其中，

至此，所有组件的关系就理清楚了，这个默认主题为我们做了很多事情，基本上不用咱们再二次开发主题了

下一步，咱们来看一看 官方文档在自己的默认主题上扩展了自己的主题，看看他扩展了什么