原文链接:https://dsx2016.com/?p=1800
公众号:大师兄2016
引入Element-UI
使用vuePress引入Element-UI
输入命令
npm i element-ui -S
enhanceApp.js代码
import { Button } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
export default ({
Vue, // VuePress 正在使用的 Vue 构造函数
options, // 附加到根实例的一些选项
router, // 当前应用的路由实例
siteData // 站点元数据
}) => {
Vue.use(Button);
}
运行vuePress
启动后报错npm resource busy or locked
只要去掉element-ui引入,启动就正常
修复方式
参考链接
https://github.com/vuejs/vuepress/issues/2275
输入命令
yarn add async-validator@1.11.5
或者输入
[dsx_def_highlightjs code=code]
npm install async-validator@1.11.5 --save
使用UI
主要使用有
-
TimeLine时间线
-
Card卡片
-
Carousel走马灯
-
Divider分割线
以及Tag标签,按钮Button等
END.