vue + element(前后端) 学习总结 （三）

后台管理界面的搭建

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>