51 lines
2.1 KiB
Markdown
51 lines
2.1 KiB
Markdown
---
|
||
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)
|