Проектная документация
Система управления бэкендом
— В соответствии с конфигурацией, указанной в .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 )