vue-manage-system

|-- config                           // Конфигурация пакета проекта
|-- src                              // Исходная директория
|   |-- components                   // Компоненты
|       |-- common                   // Общие компоненты
|           |-- bus.js               // Event Bus
|           |-- Header.vue           // Компонент Header
|           |-- Home.vue             // Компонент Home
|           |-- Sidebar.vue          // Компонент Sidebar
|           |-- Tags.vue
|       |-- page                     // Страницы маршрутизации
|           |-- 403.vue
|           |-- 404.vue
|           |-- BaseCharts.vue       // BaseCharts
|           |-- BaseForm.vue         // BaseForm
|           |-- BaseTable.vue        // BaseTable
|           |-- Login.vue            // Компонент Login
|           |-- Dashboard.vue
|           |-- DragList.vue
|           |-- Markdown.vue         // Markdown
|           |-- Premission.vue
|           |-- Upload.vue           // Компонент Upload
|           |-- VueEditor.vue        // VueEditor
|   |-- App.vue                      // Основной компонент
|   |-- main.js                      // Входной файл
|-- .babelrc                         // Конфигурация компилятора ES6
|-- .editorconfig                    // Кодирование
|-- .gitignore                       // Пропущенные файлы
|-- index.html                       // Входной HTML файл
|-- package.json                     // Конфигурация зависимостей
|-- README.md                        // Readme

cd vue-manage-system											# Переходим в директорию шаблонов
npm install													# Устанавливаем зависимости

# Запускаем сервер и переходим по адресу http://localhost:8080 в браузере
npm run dev

# Построение проекта
npm run build

<template>
    <div>
        <schart :canvasId="canvasId"
                :type="type"
                :width="width"
                :height="height"
                :data="data"
                :options="options"
        ></schart>
    </div>
</template>
	
<script>
    import Schart from 'vue-schart';
    export default {
        data: function(){
            return {
                canvasId: 'myCanvas',
                type: 'bar',
                width: 500,
                height: 400,
                data: [
                    {name: '2014', value: 1342},
                    {name: '2015', value: 2123},
                    {name: '2016', value: 1654},
                    {name: '2017', value: 1795},
                ],
                options: {
                    title: 'Общие продажи магазинов за последние годы'
                }
            }
        },
        components: {
            Schart
        }
    }
</script>

Во-вторых, удалите файлы компонента. Перейдите в папку `src/components/page/` и удалите файл `VueEditor.vue`.

Третий шаг — удаление записи. Перейдите в папку `src/components/common/Sidebar.vue` и удалите следующий код.

```js
{
	index: 'editor',
	title: '富文本编辑器'
},

npm un vue-quill-editor -S

import 'element-ui/lib/theme-chalk/index.css';    // стандартная тема
// import '../static/css/theme-green/index.css';       // зелёная тема

@import "../static/css/main.css";
@import "../static/css/color-dark.css";     /* темная тема */
/*@import "../static/css/theme-green/color-green.css";   !* зелёная тема *!*/