vuepress集成element-ui
【摘要】
记下vuepress静态网站生成器集成element-UI框架
# 安装element
进入vuepress根目录，执行命令
npm install element-ui
# 修改 enhanceApp.js
接下来需要修改用于客户端应用增强的docs/.vuepress/enhanceApp.js文件
vuepress的目录结构如下：
...
记下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>
文章来源: blog.csdn.net，作者：薛定喵君，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/jsxg2009/article/details/115244282
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）