diff --git a/docs/vite/_category_.json b/docs/vite/_category_.json
new file mode 100644
index 0000000..1db060f
--- /dev/null
+++ b/docs/vite/_category_.json
@@ -0,0 +1,7 @@
+{
+    "label": "vite的入门",
+    "position": 10,
+    "link": {
+        "type": "generated-index"
+    }
+}
\ No newline at end of file
diff --git a/docs/vite/vite.md b/docs/vite/vite.md
new file mode 100644
index 0000000..c455074
--- /dev/null
+++ b/docs/vite/vite.md
@@ -0,0 +1,35 @@
+---
+sidebar_position: 1
+---
+
+# vite的入门
+vite 是一个现代化的前端构建工具，旨在提供快速的开发体验和高效的生产构建。
+
+## 什么是vite
+访问网站 https://vitejs.cn/vite3-cn/guide/
+
+## 创建vanilla ts工程
+### 打开终端
+使用快捷键`Ctrl+ ~` 打开终端
+
+### 创建项目
+1. 输入以下命令，创建项目
+```
+npm create vite@latest
+```
+2. 根据提示，输入名字并选择vanilla，再选择typescript
+
+3. 输入以下命令,进入项目
+```
+cd vanilla-ts-test
+```
+
+4. 输入以下命令安装依赖
+```
+npm install
+```
+
+5. 输入以下命令运行项目
+```
+npm run dev
+```