Home Update Vue workforce releases VitePress 1.Zero static website generator

Vue workforce releases VitePress 1.Zero static website generator

23
Blank billboard with sky and clouds in the background


The builders of the Vue JavaScript framework have launched VitePress 1.0, a static website generator (SSG) for constructing quick, content-centric web sites.

Built on prime of Vue and the Vite construct instrument (pronounced “veet”), VitePress takes supply content material written in Markdown, applies a theme, and generates static HTML pages for deployment. VitePress 1.0, introduced March 21, is the “spiritual” successor and alternative of the VuePress static website generator, Vue creator Evan You wrote in a weblog publish.

VitePress is meant to supply an enhanced developer expertise when working with Markdown content material. Being Vite-powered, it supplies instantaneous server begin, with edits immediately mirrored with out web page reloading. Built-in Markdown extensions provide capabilities equivalent to tables and syntax highlighting. With Vue-enhanced Markdown, every web page is a Vue single-file element, because of the Vue template’s syntax compatibility with HTML. Developers can embed interactivity in static content material utilizing Vue templating options or imported Vue parts.

Unlike conventional SSGs, the place every navigation leads to a full-page reload, a web site generated by VitePress serves static HTML on the preliminary go to however turns into a single-page utility for subsequent website navigation. This mannequin, Evan You wrote, supplies an optimum steadiness for efficiency, providing quick preliminary load, quick post-load navigation, and interactivity with out penalty.

VitePress ships with a default theme supposed for technical documentation. It powers the documentation for Vite, the Rollup JavaScript bundler, the Pinia retailer, VueUse composite utilities, the Vitest testing framework, the D3 JavaScript library, the UnoCSS CSS engine, Iconify icons, and extra.

Copyright © 2024 IDG Communications, Inc.



Source hyperlink

LEAVE A REPLY

Please enter your comment!
Please enter your name here