0
点赞
收藏
分享

微信扫一扫

vuepress集成element-ui


记下vuepress静态网站生成器集成element-UI框架

​​#​​ 安装element

进入vuepress根目录,执行命令



npm install element-ui


​​#​​ 修改 enhanceApp.js

接下来需要修改用于客户端应用增强的​​docs/.vuepress/enhanceApp.js​​文件

vuepress的目录结构如下:



.
├── docs
│ ├── .vuepress (可选的)
│ │ ├── components (可选的)
│ │ ├── theme (可选的)
│ │ │ └── Layout.vue
│ │ ├── public (可选的)
│ │ ├── styles (可选的)
│ │ │ ├── index.styl
│ │ │ └── palette.styl
│ │ ├── templates (可选的, 谨慎配置)
│ │ │ ├── dev.html
│ │ │ └── ssr.html
│ │ ├── config.js (可选的)
│ │ └── enhanceApp.js (可选的) <-- 修改这个文件
│ │
│ ├── README.md
│ ├── guide
│ │ └── README.md
│ └── config.md

└── package.json


修改后文件如下:



import Element from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

export default ({ Vue, options, router }) => {
Vue.use(Element);
};


​​#​​ 使用

接下来就可以像往常一样食用element的组件了



<el-button type="success">按钮</el-button>

举报

相关推荐

Element-UI

element-UI

Element-ui

element-ui vue

element-ui配置

前端-element-ui应用

dialog element-ui vue

0 条评论