一、使用脚手架工具搭建项目框架
vue init webpack muse (使用vue创建一个muse新项目)
cd muse
npm install
npm run dev (测试一下是否成功)
二、安装额外dependency
npm install --save muse-ui （安装muse-ui）
npm install style-loader （因为需要引入muse-ui定义的css）
三、使用
在main.js中进行全局加载使用组件
完整使用MuseUI
import Vue from 'vue'
import App from './App'
import router from './router'
import MuseUI from 'muse-ui'
import 'muse-ui/dist/muse-ui.css' // 加载样式
Vue.use(MuseUI)
Vue.config.productionTip = false
new Vue({
el: '#app',
router,
template: '',
components: { App }
})
最后看看是否引入成功！
底部导航条
网友评论