Основные моменты версии 2

Около 2 мин

Мы настоятельно рекомендуем вам перейти на версию V2, так как версия V2 содержит следующие улучшения.

Обзор

V2 работает на VuePress2 с использованием Vite2 / Webpack5 и Vue3.

V2 полностью переписан, включая:

  • Все компоненты переписаны с помощью Composition API в Vue3
  • Все стили перенесены в Sass

Также V2 имеет лучшую производительность:🚀

  • Время холодного запуска DevServer уменьшено на 50%
  • Использование памяти сборки уменьшено на 65%
  • Время сборки уменьшено на 30%
  • Размер вывода уменьшен на 25%
  • Производительность веб-страницы до 70%

Изменения Vue3

Vue 3 использует прокси для обеспечения реактивности и поддержки совершенно нового composition api. Реактивность на основе прокси намного быстрее, чем реактивность в старом стиле, основанная на setter/getter.

Кроме того, composition api дружелюбен к деревьям.

Изменения VuePress2

VuePress v2 разработан с использованием TypeScript, поэтому теперь он обеспечивает лучшую поддержку TS.

VuePress@v2 также отделяет упаковщик от ядра. Добавление VuePress v2 поддерживает как Webpack, так и Vite в качестве сборщика. Теперь Vite является упаковщиком по умолчанию, хотя вы все еще можете использовать Webpack. Вы даже можете использовать Vite в режиме разработки, чтобы получить лучший опыт разработки, и использовать Webpack в режиме сборки, чтобы улучшить совместимость браузера.

VuePress@v2 намного более гибкий, чем VuePress@v1, он удаляет siteData и siteData.pages, что значительно увеличивает масштабируемость (особенно на больших сайтах с большим количеством страниц). Он имеет более высокий балл на маяке по сравнению с V1 с меньшим временем загрузки и более высокой производительностью.

Изменения VuePress Theme Hope

VuePressThemeHope@v2 переписан с composition API, а его система стилей перенесена со стилуса на sass.

Переписав тему и плагины с composition API, почти отключенная функция может быть удалена с помощью tree-shaking при связывании, чтобы вы могли легко получить меньший размер.

Кроме того, мы добавляем новые функции в VuePressThemeHope@v2.

Функции

Блог

Комментарий

Valine и Vssue больше не поддерживаются.

Вместо этого мы добавляем поддержку Artalk, Giscus и Twikoo помимо Waline.

Шифрование

  • Теперь функция шифрования удобна для встряхивания дерева, а проверка шифрования выполняется только при необходимости.

  • Пароль во frontmatter удален.

Поток

  • Поток больше не генерируется по умолчанию

  • Поддержка опции getter, чтобы вы могли полностью настроить генерацию потоков.

PhotoSwipe

Теперь мы используем PhotoSwipe@v5, который меньше по размеру.

PWA

  • Поддержка контроля обновлений

  • Поддержка добавления базы для манифеста

SEO

  • Добавлена поддержка каноничных ссылок
  • Добавлена поддержка JSON-LD
  • Теперь поддерживается внедрение любых тегов заголовка в версии 2.

Макет

Чистый режим

Тема теперь поддерживает чистый режим с менее причудливыми стилями.

Тема блока кода

Теперь вы можете установить разные темы для блоков кода в темном и светлом режимах.

Домашняя страница

  • Функции теперь могут иметь иконки

Страница

  • Обновление внешнего вида

  • Перестроено оглавление, теперь оглавление автоматически прокручивается до активного заголовка

  • Поддержка компонентов Badge, CodePen, FontIcon и PDF

Панель навигации и боковая панель

  • Перспектива обновлена

  • Теперь они имеют одинаковые параметры конфигурации

  • Новая опция activeMatch, определяющая, должен ли элемент быть активным.

  • Поддержка нового ключевого слова "structure" для создания боковой панели из файловой структуры

  • Боковая панель теперь автоматически открывается и прокручивается до активированного элемента.

Markdown

Добавлены следующие новые функции:

MIT Licensed | Copyright © 2019-present Mr.Hope