Top Secret!!!
WIP
This page is currently Work-In-Progress. The information here might be outdated, incorrect and cannot be understanded.
VitePress Tips
- Use
<script setup>
for Vue components in markdown - Access frontmatter with
$frontmatter
global variable - Use
$withBase()
helper for URLs - Enable search with
themeConfig.search.provider: 'local'
- Custom containers: tip, warning, danger, details
- Markdown extensions like emoji 🎉 and custom containers
Vue Tips
- Composition API with
<script setup>
- Reactivity with
ref()
andreactive()
- Lifecycle hooks like
onMounted()
- Computed properties with
computed()
- Watch effects with
watch()
andwatchEffect()
Vite Tips
- Hot Module Replacement (HMR)
- Lightning fast cold start
- ESM-based dev server
- Optimized builds with Rollup
- CSS code-splitting
- Asset handling and optimization
Advanced Features
- Custom themes
- i18n internationalization
- PWA support
- Markdown extensions
- Full Vue3 support
- TypeScript integration
- SSG/SSR capabilities
What the heck was MCDOC?
Dev Notes
Frontmatter data can be accessed via the special $frontmatter
global variable:
Example:
md
---
title: Docs with VitePress
editLink: true
---
# {{ $frontmatter.title }}
Guide content
2023-04-24
- 一个非常棒的开源项目 H5-Dooring 目前 star 3.1k
- 《深入浅出webpack》 http://webpack.wuhaolin.cn/
2023-04-23