🎉🎉 Vue3 + Vite3 + Element-Plus管理系统 🎉🎉

Описание 📖

• Основан на Vue3, TypeScript, Vite, Element-Plus, представляет собой шаблон для корпоративного управления. Проекты написаны на JS, но уже настроены для использования TS, что позволяет использовать JS и TS вместе.

一、Репозиторий (добро пожаловать, чтобы добавить звезду⭐)

• GitHub:

二、🔨🔨🔨 Функциональность проекта

二、🔨🔨🔨 Функциональность проекта

二、🔨🔨🔨 Функциональность проекта

Текст содержит китайские слова и фразы, которые нужно перевести на русский:

一、Репозиторий (добро пожаловать, чтобы добавить звезду⭐)

• GitHub:

二、🔨🔨🔨 Функциональность проекта

Теперь текст:

🎉🎉 Vue3 + Vite3 + Element-Plus管理系统 🎉🎉

Описание 📖

• Основан на Vue3, TypeScript, Vite, Element-Plus, представляет собой шаблон для корпоративного управления. Проекты написаны на JS, но уже настроены для использования TS, что позволяет использовать JS и TS вместе.

Репозиторий (добро пожаловать, чтобы добавить звезду⭐)

• GitHub:

Функциональность проекта

Функциональность проекта

Функциональность проекта- 🚀 Разработан с использованием Vue3

• 🚀 Использует Vite в качестве инструмента для разработки и сборки проекта (настроен Gzip, TSX, кросс-доменные запросы, JS и TS вместе, инструмент предварительного просмотра сборки, оптимизация сборки)
• 🚀 Использует Pinia для управления состоянием
• 🚀 Использует vue-router для управления правами доступа, ленивой загрузки маршрутов, динамического маршрутизации
• 🚀 Поддерживает пользовательское управление правами доступа для меню и кнопок
• 🚀 Использует keep-alive для кэширования страниц (настройка кэширования маршрутов, анимация при смене страниц)
• 🚀 Разработаны пользовательские директивы (копирование, водяной знак, перетаскивание, тайминг, анти-дроп)
• 🚀 Разработаны стандартные компоненты (глобальные сообщения, цифровое вращение и т. д.), а также используются сторонние библиотеки (richText, руководство, перетаскивание и т. д.)
• 🚀 Предоставлены стандартные инструменты для работы (печать, экспорт и импорт Excel, диаграммы)
• 🚀 Поддерживается вложенное меню
• 🚀 Шаблон для адаптации больших экранов с использованием echarts
• 🚀 Поддерживается 4 типа Layout, пользовательская тема, темная тема, настраиваемая навигация, панель меток, футер, блокировка экрана, поиск маршрутов- 🚀 Поддерживается i18n для международной локализации (в настоящее время настроена только для страниц с несколькими языками, дополнительные настройки можно добавить самостоятельно)### 3. Адрес для просмотра

4. Установка и использование

• Установка зависимостей:

# Рекомендуется использовать nodejs 16+
pnpm install

• Запуск:

npm run serve

• Сборка:

# Тестовая среда
npm run build:test

# Производственная среда
npm run build:prod

• Проверка:

# Проверка кода с помощью eslint
npm run lint:eslint

# Форматирование кода с помощью prettier
npm run lint:prettier

# Форматирование стилей с помощью stylelint
npm run lint:stylelint

5. Скриншоты проекта### 6. Директория файловых ресурсов 📚```text

vue3-шаблон-админ ├─ .vscode # рекомендованные настройки для VSCode ├─ public # статические ресурсы (игнорируются при сборке) ├─ src │ ├─ api # управление API-интерфейсами │ ├─ assets # статические ресурсы │ ├─ components # глобальные компоненты │ ├─ config # глобальные настройки │ ├─ directives # глобальные директивы │ ├─ hooks # часто используемые Hooks │ ├─ languages # интернационализация языка │ ├─ layouts # структура приложения │ ├─ mock # mock-данные │ ├─ routers # управление маршрутами │ ├─ stores # инструмент управления состоянием Pinia │ ├─ styles # глобальные стили │ ├─ utils # утилиты │ ├─ views # все страницы проекта │ ├─ App.vue # входная страница │ └─ main.js # входной файл ├─ .editorconfig # настройки редактора (форматирование) ├─ .env # основные настройки Vite ├─ .env.development # настройки для среды разработки ├─ .env.production # настройки для среды продакшн ├─ .env.test # настройки для среды тестирования ├─ .eslintignore # игнорирование ESLint ├─ .eslintrc.js # настройки ESLint ├─ .gitignore # игнорирование Git ├─ .prettierignore # игнорирование форматирования Prettier ├─ .prettierrc.js # настройки Prettier ├─ .stylelintignore # игнорирование форматирования Stylelint ├─ .stylelintrc.js # настройки форматирования стилей Stylelint

### Внимание
- 1. Проект использует последнюю версию Vite, поэтому требуется версия Node.js >= 16.0.0;
- 2. Проект использует pnpm для управления зависимостями, поэтому требуется установка pnpm;
- 3. Проект использует Vue 3, поэтому требуется установка Vue 3 CLI;
- 4. Проект использует Pinia, поэтому требуется установка Pinia;
- 5. Проект использует много зависимостей, убедитесь, что ваши версии совпадают с версиями проекта.
### Последнее
```- Если вам понравился этот проект и он был вам полезен, не стесняйтесь ставить звездочку, форкать, отправлять pull requests и создавать issues. Ваша поддержка — мой главный стимул.
- Если вы хотите связаться со мной, вы можете использовать следующие способы:

[![Давид обсуждает фронтенд](./me.jpeg "dawei")](https://www.douyin.com/user/MS4wLjABAAAA8QUJd4uIDW7LiACoHAqzoxRNDovw-9dttxAyBb6hI)