vuepress集成element-ui
  0fXj1kPqEAbu 2023年11月02日 38 0


记下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>
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
0fXj1kPqEAbu
最新推荐 更多