vue-admin-template 删除侧边栏

【问题】就想用vue-admin-template的单一网页，去除不需要的侧边栏，还有导航栏上调出侧边栏的按钮

【解决办法】原图

文件目录vue-admin-template-master/style/sidebar.scss中修改如下，

原
  .hideSidebar {
    .sidebar-container {
      width: 54px !important;
    }

    .main-container {
      margin-left: 54px;
    }

修改后
  .hideSidebar {
    .sidebar-container {
      width: 0px !important;
    }

    .main-container {
      margin-left: 0px;
    }

修改后图：

另外，首页左边的按钮也需要去掉，这个在layout里面去找，现在index.vue删除<navbar />后发现首页导航栏都被删除了，所以再去Navbar.vue里面去找布局在左上的代码并删除

//原
<template>
  <div class="navbar">
    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />

    <breadcrumb class="breadcrumb-container" />

    <div class="right-menu">


//修改后    就是删除前面两行
<template>
  <div class="navbar">

    <div class="right-menu">

结果如图

store/modules/app.js

额。。。重启后登录sidebar又死灰复燃了，在以上的基础上，修改如下，定位到src/layout/index.vue

#原代码
  <div :class="classObj" class="app-wrapper">
    <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
    <sidebar class="sidebar-container" />
    <div class="main-container">
      <div :class="{'fixed-header':fixedHeader}">
        <navbar />
      </div>
      <app-main />
    </div>
  </div>

#删除后如下
  <div :class="classObj" class="app-wrapper">
    <div>
      <div :class="{'fixed-header':fixedHeader}">
        <navbar />
      </div>
      <app-main />
    </div>
  </div>