1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/BluesYoung-web-admin-vue3-element3-vite2

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 11 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 27.11.2024 20:10 b5b2440

Проектная документация

Система управления бэкендом

Комплектующие программы для бэкенда

Версия Node

— В соответствии с конфигурацией, указанной в .nvmrc, выполняется автоматическое переключение (Linux).

— Требования к среде: * Установить nvm. * Использовать nvm install * для установки определённой версии Node. * Командная строка: * bash в ~/.bashrc добавляет следующее содержимое:

# 加载 nvm 命令,если существует, игнорируйте
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

# Автоматическое переключение версии Node (перезагрузка при изменении каталога, согласно конфигурации .nvmrc в каталоге, автоматическое (установка) переключение)
cdnvm() {
  command cd "$@";
  nvm_path=$(nvm_find_up .nvmrc | tr -d '\n')
  # Если в каталоге проекта не существует соответствующего файла .nvmrc, используйте версию по умолчанию
  if [[ ! $nvm_path = *[^[:space:]]* ]]; then
    declare default_version;
    # Получить версию Node по умолчанию
    default_version=$(nvm version default);
    # Если версия по умолчанию не установлена, установите последнюю версию как версию по умолчанию
    if [[ $default_version == "N/A" ]]; then
      nvm alias default node;
      default_version=$(nvm version default);
    fi
    # Если конфигурация не существует и текущая версия не равна версии по умолчанию, переключитесь на версию узла по умолчанию
    if [[ $(nvm current) != "$default_version" ]]; then
      # echo "Использование версии узла по умолчанию: $default_version";
      nvm use "$default_version";
    fi
  # Если файл конфигурации существует, используйте версию узла в файле конфигурации
  elif [[ -s $nvm_path/.nvmrc && -r $nvm_path/.nvmrc ]]; then
    объявить nvm_version
    # Извлечь версию узла из файла конфигурации
    nvm_version=$(<"$nvm_path"/.nvmrc)
    объявить локально_разрешённую_nvm_версию
    # Проверьте, установлена ли соответствующая версия узла
    локально_решённая_nvm_версия=$(nvm ls --no-colors "$nvm_version" | tail -1 | tr -d '\->*' | tr -d '[:space:]')
    если [[ "окально_разрешённая_nvm_версия" == "N/A" ]]; тогда
      # echo "Не установлено, установить и использовать: $nvm_version";
      nvm install "$nvm_version";
      # Глобальная установка yarn
      npm i -g yarn;
    elif [[ $(nvm current) != "окально_разрешённая_nvm_версия" ]]; затем
      # echo "Установлено, напрямую использовать: $nvm_version";
      nvm использовать "$nvm_version";
    фи
  фи
}
псевдоним cd='cdnvm'
cd "$PWD"

Управление правами доступа

— Все пользователи должны войти в систему.

— Управление правами на бэкэнде + управление правами на фронтенде.

Предварительные условия (локальный запуск)

— Создайте файл .env.local в корневом каталоге проекта со следующим содержимым:

# !!! Имя переменной должно начинаться с VITE_
# Используйте import.meta.имя переменной для получения

VITE_TITLE = 'Управление малым чёрным бэкендом'

# Бэкэнд использует nginx для переадресации, если используется, используйте абсолютный путь
# Имитация сосуществования с реальностью, пути не могут повторяться, иначе невозможно будет сделать реальный запрос
VITE_BASE_HTTP = '/mockapi'
# Соединение WebSocket, использование абсолютного пути при использовании прокси-сервера nginx, в противном случае необходимо использовать полный путь с протоколом
VITE_BASE_WS = '/wss'

# Реальный адрес (проникновение через дерево Шпаннер в интранет)
VITE_PI_HTTP = 'http://frp.104300.xyz:15151/api/admin'
VITE_PI_WS = 'ws://frp.104300.xyz:15151/wss/admin'
# Включить ли реальный запрос (отключить, когда он не установлен)
# VITE_ENABLE_PI = true

Замечания

yarn buildДля производственных нужд установите память узла на 1G(1024)yarn build:prod Без ограничения памяти.

Запуск | Упаковка

— Рекомендуется использовать (yarn build | yarn build:prod | yarn build:prod.nginx) — Пакет для производства имеет наименьший объём (все виды встряхивания деревьев оптимизированы).

# Установите зависимости
пряжа
# Обновите последние зависимости (обновите yarn.lock и package.json одновременно)
пряжа upgrade-interactive --latest
# Вручную обновить конкретную версию
пряжа обновления имя пакета@версия

# Локальный запуск (запрос реального сервера разработки)
пряжа dev
# Локально запустить (использовать пользовательский плагин vite для внедрения промежуточного программного обеспечения для реализации mock, вы можете увидеть реальные запросы в консоли)
пряжа dev:mock
# Локальный запуск (запросить тестовый сервер)
пряжа dev:test
# Локальный запуск (запросите официальный сервер)
пряжа dev:prod

# ------ Локальный запуск и упаковка ------
# --- Зависит от .env.{MODE}.local внутренних переменных среды ---
# Создать пакет mock
пряжа build:mock
# Создайте пакет разработки
пряжа build:dev
# Создайте пакет разработки (бэкэнд настроен с помощью nginx proxy, запросите'/api/dev')
пряжа build:dev.nginx
# Создайте тестовый пакет
пряжа build:test
# Создайте тестовый пакет (бэкенд настроен с помощью nginx proxy, запросите'/api/test')
пряжа build:test.nginx
# Создайте официальный пакет
пряжа build:prod
# Создайте официальный пакет (бэкэнд настроен с помощью nginx proxy, запросите'/api/prod')
пряжа build:prod.nginx
# Предварительный просмотр упакованной страницы
пряжа предварительная

# ------ Упаковка сервера ------
# 1. Внедрить переменные среды
# VITE_BASE_HTTP = 'Адрес запроса (обязательно)'
# VITE_TITLE = 'Заголовок бэкэнда (необязательно)'
# 2. Упакуйте
пряжа сборки

Форматирование кода

yarn format

Используйте rome в качестве инструмента форматирования.

Пожалуйста, используйте его в системе Linux, в настоящее время существует ошибка в системе Windows, и её нельзя использовать.

Настройка команды

— Быстрая команда yarn cli: — createNewTemplate автоматически создаёт необходимые файлы для создания шаблона страницы и обновляет конфигурацию шаблона. — createNewPage: — Автоматически создавать страницы и генерировать конфигурацию маршрутизации. — Существует несколько часто используемых шаблонов страниц, которые можно выбрать по мере необходимости.

Описание проекта

Онлайн-предварительный просмотр (Mock)Онлайн предварительный просмотр (проникновение через сервер Raspberry Pi, возможно, не онлайн) — Этот проект вдохновлён Vue-Element-Admin. — Основные технологии: Vue3 Element-Plus TypeScript. — Эта версия является улучшенной версией admin-vue3-element3: — [x] Использует совершенно новый vite2.0. — [x] Добавлен polyfill для совместимости (браузеры с режимом быстрой работы в Китае и все современные браузеры).

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/BluesYoung-web-admin-vue3-element3-vite2.git
git@api.gitlife.ru:oschina-mirror/BluesYoung-web-admin-vue3-element3-vite2.git
oschina-mirror
BluesYoung-web-admin-vue3-element3-vite2
BluesYoung-web-admin-vue3-element3-vite2
master