VuePress - это генератор статических сайтов на базе Vue.js. Если вы ищете простое в использовании решение для быстрого создания статического сайта на JavaScript, вам определенно стоит взглянуть на VuePress!

Конечно, в этой области много вариантов. У нас есть Jekyll, Hugo, Hexo и многие другие замечательные генераторы статических сайтов. Что делает VuePress особенным? Во-первых, он работает на Vue. Во-вторых, он больше ориентирован на работу с документацией.

Это означает, что если вы ищете генератор сайтов, который поможет вам составить сайт документации, VuePress может вам подойти.

VuePress: генератор статических сайтов на базе Vue

Как упоминалось ранее, VuePress - это генератор статических сайтов на базе Vue. Это означает, что нет баз данных для записи данных в / из. Таким образом, вы не можете надеяться использовать его для создания магазина электронной коммерции или сложного сайта, управляемого базой данных.

С другой стороны, это также означает, что VuePress будет работать очень быстро, а страницы будут загружаться быстро. Если вы хотите создать одностраничное веб-приложение или веб-сайт, который загружается мгновенно, VuePress - благо!

В идеале VuePress больше ориентирован на сайты, ориентированные на документацию. Вы можете использовать его для создания сайтов документации для ваших существующих или будущих проектов. При этом он все еще находится в активной разработке, и в него регулярно добавляется все больше и больше функций. Возможно, в ближайшем будущем ведение блога в VuePress станет проще (на данный момент нет поддержки тегов, категоризации и других функций, ориентированных на блог).

Установка VuePress

Установка VuePress довольно проста и несложна, если вы уже хорошо разбираетесь в использовании JavaScript.

При установке VuePress убедитесь, что у вас установлен Node.js 8 или выше.

Затем все, что нужно, - это запустить npm (также можно сделать это с помощью yarn, если вы предпочитаете это):

npm install -g vuepress

Работа с VuePress

VuePress обрабатывает свой контент в Markdown. Таким образом, вам нужно просто создать файлы * .md Markdown, и VuePress отобразит их как * .html в браузере.

По умолчанию на корневом уровне должен быть файл README.md, который будет служить файлом index.html для нашего сайта. Итак, чтобы начать работу, просто создайте файл README.md в Markdown и отредактируйте его соответствующим образом.

Создание сайта

Когда вы закончите редактировать контент, просто выполните команду:

vuepress dev

Затем перейдите к указанному адресу порта. В большинстве случаев это localhost: 8080

Все изменения действуют в реальном времени, поэтому, когда вы редактируете файлы Markdown, изменения должны отражаться в браузере, пока работает движок разработчика.

После того, как вы все доработали, вы можете создавать сайт.

сборка vuepress

Файлы окончательной сборки будут находиться в каталоге .vuepress / dist, и все они будут готовы для экспорта и развертывания на вашем сервере. Как и любой другой статический сайт, файлы, экспортированные с помощью VuePress, также могут быть развернуты на любой популярной службе хостинга, такой как Heroku или Surge.sh.

Оценка

VuePress довольно новый по сравнению с большинством других генераторов статических сайтов. Однако это очень простой инструмент, и вы будете чувствовать себя как дома, если привыкли к шаблонизатору Vue.

Однако, как уже упоминалось, VuePress далеко не инструмент для ведения блогов, поскольку в настоящее время ему не хватает поддержки большинства функций ведения блогов. Это означает, что вы можете не так много сделать с его помощью, за исключением создания документации для ваших проектов и других связанных упрощенных сайтов.

С учетом сказанного, если вы ищете простой генератор статических сайтов, который выполняет свою работу, VuePress идеален и определенно заслуживает внимания.

Домашняя страница VuePress | Читайте больше на Code Carbon.