后台管理界面的搭建
cd admin 进入后台管理项目路径下
npm run serve 启动项目
vue add element 安装element-ui
vue add router 安装路由
去element 官网 找到后台管理界面 复制代码
在admin => src => views => 新建Main.vue文件 粘贴element代码
在router.js 里引用Main.vue
import Main from '../views/Main.vue'
const routes = [
{
path: '/',
name: 'main',
component: Main,
},
]
在app.vue里改一下结构与样式
<template>
<div id="app">
<router-view/>
</div>
</template>
<style>
html,body{
margin: 0;
padding: 0;
}
</style>