关于vuepress:使用vuepress-搭建团队文档

前言

最近收到首席执行官的工作，说要搞一个团队文档，因为团队也从之前的 4 大金刚，开始变多了，所以须要一些文档来通知起初的小伙伴，百度发现 vuepress 还不错，就喜爱这种简略无脑的，能够 cv 的，搞起来 😄😄😄

官网

对于为啥选 1.0 版本的一些思考

因为我在选型的时候，发现官网还是 beta 版本，so，我感觉抉择 1.0 的靠谱点

基本概念

官网的目录介绍

具体目录性能

路由的跳转形式

具体步骤

创立我的项目（间接依照官网的撸起来）

创立我的项目第一步

创立我的项目第二步

我把打包命令改成公司对立的形式，具体改不改，看你的须要

以后 vuepress 信息

创立侧栏

新建 config.js 文件，增加侧栏文件

胜利生成侧栏

多层级目录如何创立？

应用組件：官网

新建 vue 文件

应用组件

组件失效，😄, 如果你的写了 html 内容然而没有失效，请检查一下标签的闭合是否有问题，血的教训！！！

应用组件胜利

引入 elment-ui

官网说了，要这么做

npm install element-ui

批改 enhanceApp.js

批改 enhanceApp 文件, 增加如下代码

import Element from 'element-ui';
​import 'element-ui/lib/theme-chalk/index.css';
​export default ({Vue, options, router}) => {Vue.use(Element);};

element ui 失效图

重启我的项目，发现报错

报错信息：Uncaught Error: Cannot find module ‘core-js/library/fn/object/assign’

报错起因

• 一看 core.js 报错，想想应该是版本不兼容的问题，之前被坑的太多了
• 百度发现也是这个起因

解决办法

• ​yarn add async-validator@1.11.5 或者 npm install async-validator@1.11.5 搞定
• 装置结束，重启搞定

效果图

参考资料

• vuepress 加载 element-ui 时报错