--- 
title: 什么是Vitepress？
head:
  - - meta
    - name: description
      content: vuetom 介绍
  - - meta
    - name: keywords
      content: vuetom theme 
---

# {{ $frontmatter.title }}

VitePress 是 VuePress 的升级，以 Vite 为基础构建的。是一款快速搭建文档静态网站的框架。

Vite（法语意为 "快速的"，发音 `/vit/` ，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。Vite 意在提供开箱即用的配置，同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。它主要由两部分组成：

- 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。

- 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

## vuetom 呢？

是的，是一款主题，因 vitepress 而诞生。建立在 Vue3 与 Vite 之上的一款文档框架的主题。含有 `文档` 与 `博客` 两种风格模板。其推出目的是为了让大家体验并使用到更多美丽而又有趣的 vitepress 主题，进而大家可以发挥想象展示出更多优美的文档。

## 有什么特点

使用现代扁平化的设计风格，部分 UI 尽量接近于 macos 界面风格

该主题包含了以下相关技术

- [nodejs](http://nodejs.cn/)
- [vite](https://vitejs.cn/)
- [vue3](https://v3.vuejs.org/)
- [vitepress](https://vitejs.cn/vitepress/)
- [tailwindcss](https://www.tailwindcss.cn/docs)

该主题包含了一下功能模块

**内置UI组件:** 扁平化数据组织，方便编写。含有按钮，弹框，卡片等基础组件

**主题与样式:** 主要包含布局，间距，排版，颜色，边框

**API与指令:** 可搭配组件使用，实现不同组件不同指令效果

## 推荐开发工具？

这就无所谓了吧哈哈。

[vscode编辑器](https://code.visualstudio.com/) => [下载地址](https://blog.csdn.net/bielaiwuyang1999/article/details/117814237)