记下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>
